当前位置: 首页 > 知识库问答 >
问题:

仅显示时间选项的日期时间选择器

长孙鸿振
2023-03-14

我正在使用引导datetimepicker库使用日历选择日期。现在,由于需求变化,我还需要选择时间和日期。

在新变化之前,我使用下面的代码在文本字段上显示日历:

<script>
     $('#my-datetime-field').datetimepicker({format: 'DD-MM-YYYY'});
</script>  

通过上面的代码,日历显示正常,一切正常。

为了显示时间选项,我刚刚更改了如下格式:

<script>
     $('#my-datetime-field').datetimepicker({format: 'DD-MM-YYYY HH:mm:ss'});
</script>  

但使用这种方式,只显示时间选项,不显示日历。请看我附带的屏幕截图:

单击此处查看问题屏幕截图

我正在使用以下库来使用日历:

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js

有人能看看这个,让我知道我做错了什么吗?

共有2个答案

齐航
2023-03-14

为输入语句设置type="datetime-local"。

洪高阳
2023-03-14

文件说明了这一点

花点时间。js格式字符串

所以在你的例子中,我认为应该是:{format:'DD-MM-YYYY,HH:MM:ss'}(注意逗号)

 类似资料:
  • 日期时间选择器是一个定制的picker,因此他的用法和picker完全一致。打开picker的默认值是当前时间,可以通过value参数指定 datetime-picker 定制了 onChange 和 cols 参数,请不要设置这两个参数。 <input type="text" id='datetime-picker'/> <script>   $("#datetime-picker").da

  • datePicker 日期选择或者时间选择 使用方法 AlipayJSBridge.call('datePicker', { beginDate: '2016-10-10', minDate: '2016-10-9', maxDate: '2017-10-9', mode: 1, }, function(e) { alert(JSON.stringify(e)); });

  • DateTimePicker 日期时间选择器 在同一个选择器里选择日期和时间 tip DateTimePicker 由 DatePicker 和 TimePicker 派生,Picker Options 或者其他选项可以参照 DatePicker 和 TimePicker。 日期和时间点 通过设置type属性为datetime,即可在同一个选择器里同时进行日期和时间的选择。快捷选项的使用方法与 D

  • 在同一个选择器里选择日期和时间 tip DateTimePicker 由 DatePicker 和 TimePicker 派生,相关属性可以参照 DatePicker 和 TimePicker。 日期和时间点 通过设置type属性为datetime,即可在同一个选择器里同时进行日期和时间的选择。快捷选项的使用方法与 Date Picker 相同。 <template> <div class="

  • DateTimePicker 日期时间选择器 在同一个选择器里选择日期和时间 日期和时间点 :::demo 通过设置isShowTime,即可在同一个选择器里同时进行日期和时间的选择。快捷选项的使用方法与 Date Picker 相同。 constructor(props) { super(props) this.state = {} } render() { const {val

  • 我想禁用日期时间选择器中的时间选择器。我正在使用一些参数,如picTime: false和form:"dd MM yyyy"。但是没有用...我正在使用http://eonasdan.github.io/bootstrap-datetimepicker/ Plzz给出解决方案