Question

我有四个文本框。他们有以下ID： - title，sdate，edate，pdate。

我希望为具有文本＆＃39; date＆＃39;的texbox分配Datetimepicker。在他们的身份。

这意味着，我希望将datetimepicker分配给三个文本框 - sdate，edate，pdate。

以下是我正在使用的代码 -

$('[id*="date"]').each(function(){
   $(this).datetimepicker({
       formatTime:'H:i:s',
       formatDate:'Y-m-d',
       dayOfWeekStart : 1,
       lang:'en'
       //disabledDates:['1986/01/08','1986/01/09','1986/01/10'],
       //startDate:  '<?php echo date("Y-m-d");?>'
   });  
});

我遇到了一个奇怪的问题。 所有文本框都分配了DatetimePicker 。为什么会这样？

注意： - 我正在使用bootstrap-datetimepicker.js

修改

表单的ID为'validateForm'。这就是为什么它采用datetimepicker，我认为＆＃39;标题＆＃39; textbox正在使用Datetimepicker。

正如Vinod所建议的那样，我现在正在使用它 - 'input[id*="date"]'

但对于包含字符file的ID的submit或'date'等输入元素，这并不确定。

我该如何处理？

Answer 1

Ideally using class is best instead of id in this case.

<input type="text" id="title" > # don't apply to this
<input type="text" id="sdate" class="my-class">
<input type="text" id="edate" class="my-class">
<input type="text" id="pdate" class="my-class">

和jquery将只是

$('.my-class').datetimepicker({
   formatTime:'H:i:s',
   formatDate:'Y-m-d',
   dayOfWeekStart : 1,
   lang:'en'
});

Answer 2

将公共类分配给您想要datetimepicker并使用class初始化的输入，这将帮助您仅限制具有类的输入

$(".date").datetimepicker();

假设您的输入具有共同的班级日期。

希望这会有所帮助：）

Datetimepicker被分配给所有输入元素

修改

2 个答案: