Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在引导dateTimePicker中隐藏选择日期?_Javascript_Jquery_Bootstrap Datetimepicker - Fatal编程技术网

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();
});