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?

twitter-bootstrap bootstrap-4 ottz0
fonte

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:

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

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

@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

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

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

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

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

É verdade, eu tento algumas gemas e lib: github.com/tempusdominus/bootstrap-4 mas é tão bugado

truongnm

Sim ... tempusdominus tem muitos erros

Daniel