Seletor de data bootstrap v4 [fechado]

114

Estou usando o Bootstrap V4 para meu novo site, visto que está em Alpha.

No entanto, não consigo ver se ele tem datepicker.js em sua construção.

Alguém sabe se isso será incluído no V4? Se não, alguém pode recomendar um bom selecionador de datas?

ottz0
fonte
4
Para aqueles que acabam aqui: tempusdominus.github.io/bootstrap-4
MastaBaba
Apenas certifique-se de que o arquivo cal.gif ou / e cal-grey.gif esteja disponível em Project \ Content \ themes \ base \ images \ media \ datepicker.js funcionando bem para mim com Bootstrap4
raju1208
Bootstrap 4 - O plug-in datepicker que oferece suporte ao Bootstrap 4 é codeply.com/p/kS0t1Ko61K, consulte também: stackoverflow.com/questions/43046792
Zim
os selecionadores de data mencionados nos comentários não mostram o calendário ao clicar na entrada. este faz gijgo.com/datepicker/example/bootstrap-4
JerryGoyal

Respostas:

58

Talvez você queira tentar isso: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

É um widget de selecionador de data flexível no estilo Bootstrap.

Andrey Saleba
fonte
4
Você poderia postar seu CSS de trabalho? O selecionador de data em si funciona com o bootstrap 4, mas não tem estilo.
RAC de
4
@RAC Update, a partir de hoje parece que há algumas versões (instáveis) disso que funcionaram muito bem com o Bootstrap 4 para mim cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3
Brian Leishman
Há um botão "hoje", mas não estou vendo um seletor de tempo @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…
KSib
43

Você pode usar isso e então adicionar apenas um classformulário do bootstrap. (não importa qual versão)

<div class="form-group">
 <label >Begin voorverkoop periode</label>
 <input type="date" name="bday" max="3000-12-31" 
        min="1000-01-01" class="form-control">
</div>
<div class="form-group">
 <label >Einde voorverkoop periode</label>
 <input type="date" name="bday" min="1000-01-01"
        max="3000-12-31" class="form-control">
</div>
Sadeq Alshaar
fonte
45
este não é um controle de bootstrap, mas o selecionador de data do navegador (entrada de data html5, não está disponível em todos os navegadores! consulte caniuse.com/#feat=input-datetime )
cyptus
4
Não funcionará no Safari e IE 11 ou anterior
amar
A razão pela qual estou procurando um selecionador de data boostrap4 é porque eu tenho <input type="date"em meu projeto e meu navegador (chromium) está me dizendo que [Suspensão] '-webkit-aparência: caixa de listagem' para elementos diferentes de seleção de caixa de listagem está obsoleto e será removido em M79, por volta de dezembro de 2019. Consulte chromestatus.com/features/5070237827334144 para obter mais detalhes. Como dezembro de 2019 começa a semana de amanhã, pensei que precisava de uma alternativa!
Bill Naylor de
Eu encontrei uma dependência maven: <dependency> <groupId>org.webjars.bowergithub.pingcheng</groupId> <artifactId>bootstrap4-datetimepicker</artifactId> <version>4.17.45</version> </dependency>espero que faça o que eu quero, só tenho que descobrir como usá-la agora!
Bill Naylor de
Isso não vincula o valor da ASP.NET MVC. Preciso definir o valor manualmente em JS?
Ali123
7

A maioria dos selecionadores de data de bootstrap enquanto escrevo esta resposta são bastante problemáticos quando incluídos no Bootstrap 4. Na minha opinião, a solução de menor adição de código é um plugin jQuery. Eu usei este https://plugins.jquery.com/datetimepicker/ - você pode ver seu uso aqui: https://xdsoft.net/jqplugins/datetimepicker/ Com certeza não é tão bom quanto toda a interface BS, mas requer apenas seus arquivos css e js junto com jQuery que já está incluído no bootstrap.

Preguiça furtiva
fonte
3
É verdade, eu tento algumas gemas e lib: github.com/tempusdominus/bootstrap-4 mas é tão bugado
truongnm
1
Sim ... tempusdominus tem muitos erros
Daniel