jquery 用于选择日期小时和分钟的日期时间选择器
jquery datetime pickers for selecting date hours and minutes
我想要一个 jquery 到 select 日期、小时和分钟的日期时间选择器。我想要显示 am-pm 的 12 小时时钟。和分钟 selection。所有插件显示 24 小时时钟和当前时间。我不想 select 当前时间我应该能够 select 无论什么时候我 want.all 插件显示分钟步长为 10 分钟或 15 分钟等,我不想要这个。我想要时间 selection 以 12 小时格式与 am-pm 和分钟 selection 从 1 到 59 分钟。我找不到这个插件。请帮助我。
这些插件中的大多数可能都有设置分钟步长的选项。
我不知道你试过哪些插件,但是 this 其中一个有设置分钟步长的选项以及许多其他选项。
这是一个基于 bootstrap 的日期时间选择器,带有 am-pm 选项和 12 小时格式的时间选择,也带有 tt。
http://eonasdan.github.io/bootstrap-datetimepicker/
最低设置如下:
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
</div>
</div>
当然你必须包括插件和依赖项:
- jQuery
- Moment.js
- Bootstrap.js(如果您
没有使用完整的 Bootstrap)
- Bootstrap 日期选择器脚本
- Bootstrap CSS Bootstrap
- 日期选择器CSS
- Locales:Moment 的语言环境文件
我想要一个 jquery 到 select 日期、小时和分钟的日期时间选择器。我想要显示 am-pm 的 12 小时时钟。和分钟 selection。所有插件显示 24 小时时钟和当前时间。我不想 select 当前时间我应该能够 select 无论什么时候我 want.all 插件显示分钟步长为 10 分钟或 15 分钟等,我不想要这个。我想要时间 selection 以 12 小时格式与 am-pm 和分钟 selection 从 1 到 59 分钟。我找不到这个插件。请帮助我。
这些插件中的大多数可能都有设置分钟步长的选项。
我不知道你试过哪些插件,但是 this 其中一个有设置分钟步长的选项以及许多其他选项。
这是一个基于 bootstrap 的日期时间选择器,带有 am-pm 选项和 12 小时格式的时间选择,也带有 tt。
http://eonasdan.github.io/bootstrap-datetimepicker/
最低设置如下:
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
</div>
</div>
当然你必须包括插件和依赖项:
- jQuery
- Moment.js
- Bootstrap.js(如果您 没有使用完整的 Bootstrap)
- Bootstrap 日期选择器脚本
- Bootstrap CSS Bootstrap
- 日期选择器CSS
- Locales:Moment 的语言环境文件