Javascript 如何在引导dateTimePicker中隐藏选择日期?
我有一个日期时间选择器: 我只需要编辑时间,所以我只需要显示以下内容: 代码: 所以显示日期和时间的输入很好,但我只需要编辑时间 我在用这个: 但我不知道该用什么办法。Javascript 如何在引导dateTimePicker中隐藏选择日期?,javascript,jquery,bootstrap-datetimepicker,Javascript,Jquery,Bootstrap Datetimepicker,我有一个日期时间选择器: 我只需要编辑时间,所以我只需要显示以下内容: 代码: 所以显示日期和时间的输入很好,但我只需要编辑时间 我在用这个: 但我不知道该用什么办法。 对不起,我说的是英语。组件的名称是什么 或许您可以使用以下内容: pickDate:假; 或者仅仅 格式:“HH:mm” 在这个组件中,它看起来像:不幸的是,我认为如果不更新引导datetimepicker库,您将不得不使用替代方法。因为这个库不是为时间选择器准备的 请用这样的东西代替。格式相同,但有更多选项供您选择:
对不起,我说的是英语。组件的名称是什么 或许您可以使用以下内容: pickDate:假; 或者仅仅 格式:“HH:mm”
在这个组件中,它看起来像:不幸的是,我认为如果不更新引导datetimepicker库,您将不得不使用替代方法。因为这个库不是为时间选择器准备的 请用这样的东西代替。格式相同,但有更多选项供您选择: 然后你就可以用这个设定你想要的
$('#date_time_'+index+'_id').datetimepicker({
pickDate: false
});
只需在中指定时间,如下所示: 编辑: 要显示日历(切换)图标,需要在显示选择器时触发切换单击: 注: 您可以删除用户切换回编辑日期的功能。只需取消注释最后一行,如上面代码所示
只读:要限制手动编辑日期的能力,只需为输入字段提供一个只读属性,并在选择器中将
ignoreReadonly
属性设置为true:您使用的是哪个datetimepicker“library”?jquery ui?我使用的是bootstrap datetimepicker Sorry看到我的答案,我解决了你的问题。嗨,谢谢你,但我也需要在输入中显示日期,但只编辑时间。我还添加了一个JSFIDLE,显示如何“锁定”日期,以便只修改时间。表单仍将获得完整的datepicker值。底部的“readonly”JSFIDLE链接可能就是您想要的。
$('#date_time_'+index+'_id').datetimepicker({
pickDate: false
});
$('#datetimepicker1').datetimepicker({
format: 'LT'
});
$('#datetimepicker1').datetimepicker({
allowInputToggle: true,
showClose: true
});
$('#datetimepicker1').on("dp.show", function(){
var toggle = $(this).find('a[data-action="togglePicker"]');
if(toggle.length > 0) toggle.click();
// To hide the toggle back to calendar button, uncomment line below
// $(this).find('a[data-action="togglePicker"]').hide();
});