[英]Leave only the choice of time in Datetime-picker in AngularJS
我正在使用AngularJS,我想将datetime-picker分为两部分。 默认情况下,打开压光机的地方必须选择日期,然后选择时间(小时和分钟)。 我要选择两个日期时间选择器,一个用于日期,一个用于小时/分钟。 我试图以第一种形式对此进行更改:
datetime-picker="dd/MM/yyyy HH:mm"
成
datetime-picker="HH:mm"
但这不起作用。
问题是,如果单击第一个日历以打开第一个日期时间,则会使您选择时间之前的日期。 相反,我只选择小时和分钟。
这是个笨蛋: https ://plnkr.co/edit/BLPsNszpUWjXuHXaj7hO ? p = preview
您正在使用此仓库中的datetimepicker组件: https : //github.com/Gillardo/bootstrap-ui-datetime-picker 。 在文档中提到您可以使用以下属性:
enableDate - Whether you would like the user to be able to select a date. Defaults to true.
enableTime - Whether you would like the user to be able to select a time. Defaults to true.
因此,如果要在组件中隐藏日期选择器部件,请在输入字段中添加enable-date="false"
。 像这样:
<input type="text" class="form-control" datetime-picker="HH:mm" enable-date="false" ng-model="ctrl.date.value" is-open="ctrl.date.showFlag"/>
同样,要隐藏组件中enable-time="false"
部件,请在输入字段中添加enable-time="false"
。 像这样:
<input type="text" class="form-control" datetime-picker="dd/MM/yyyy" enable-time="false" ng-model="ctrl.date.value" is-open="ctrl.date.showFlag"/>
这是更新插件: https ://plnkr.co/edit/luMPl8aOFkzBuW4BeNkx ? p = preview。 希望这可以帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.