jquery.datetimepicker 仅限设定时间
jquery.datetimepicker set time only
我用了https://github.com/xdan/datetimepicker。
我只想显示和输入时间。
我的代码是:
$('#dttf').datetimepicker({
datepicker:false,
step:15,
format: 'H:m'});
它只显示从 15 分钟开始的时间,从确切的时间开始,例如9:00、9:15、9:30 等
问题是当我 select 时间,例如 9:15,它显示我 9:17,当前时间。
我想展示我 select 编辑的内容,9:15。我尝试了很多选项,但似乎没有一个可行。
$(function(){
$('#example').timepicker();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.css" rel="stylesheet"/>
<input type="text" id="example" />
希望对您有所帮助
您需要使用 H:i
作为格式字符串而不是 H:m
。
$("#date").datetimepicker({
datepicker: false,
step: 15,
format: 'H:i'
});
@import 'https://unpkg.com/jquery-datetimepicker@2.5.20/build/jquery.datetimepicker.min.css';
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/jquery-datetimepicker"></script>
<input type="text" id="date">
我用了https://github.com/xdan/datetimepicker。 我只想显示和输入时间。 我的代码是:
$('#dttf').datetimepicker({
datepicker:false,
step:15,
format: 'H:m'});
它只显示从 15 分钟开始的时间,从确切的时间开始,例如9:00、9:15、9:30 等 问题是当我 select 时间,例如 9:15,它显示我 9:17,当前时间。 我想展示我 select 编辑的内容,9:15。我尝试了很多选项,但似乎没有一个可行。
$(function(){
$('#example').timepicker();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.css" rel="stylesheet"/>
<input type="text" id="example" />
希望对您有所帮助
您需要使用 H:i
作为格式字符串而不是 H:m
。
$("#date").datetimepicker({
datepicker: false,
step: 15,
format: 'H:i'
});
@import 'https://unpkg.com/jquery-datetimepicker@2.5.20/build/jquery.datetimepicker.min.css';
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/jquery-datetimepicker"></script>
<input type="text" id="date">