JQuery UI，单页上的多个日期选择器

我正在为属性创建一个PHP站点。 我是jQuery和jQuery UI的新手，但似乎无法在其他任何地方找到答案。

请看这个截图（ 全尺寸 ）：

对于每个“收到”和“到期”框，我想要一个jQuery datePicker框出现并格式化如图所示。

为了测试这个，我试图创建一个例子。

    $(function() { $( "#datepicker" ).datepicker({ dateFormat: 'yy-mm-dd' }); $( "#datepicker2" ).datepicker({ dateFormat: 'yy-mm-dd' }); });   .ui-datepicker { font-size: 80%; }  
Date: 
 
Date2:  

哪个工作正常，但我怎么得到一个日期选择器来为任何文本框，而不必重复JS这么多次。

例如，50个属性，页面上可能有200个输入框，需要填写日期。

以下是屏幕截图中的一些示例代码。

  Property ID House Number Address Line 1 Gas Expiry Gas Received Electric Expiry Electric Received Property Active Update   4 6 East Street       No Yes     

可能真的很简单，我感谢任何帮助。

Answer 1

我所做的是创建一个日历CSS类，并将行为附加到该CSS类的每个成员，如下所示：

 $( ".calendar" ).datepicker({ dateFormat: 'yy-mm-dd' }); 

Answer 2

您应该为每个文本框设置class属性

然后

 $( ".datepicker" ).datepicker({ dateFormat: 'yy-mm-dd' }); 

或者，如果您只有日期文本框，则可以为所有文本框附加日期选择器

 $( 'input[type="text"]' ).datepicker({ dateFormat: 'yy-mm-dd' }); 

Answer 3

另一种方法，仅供您参考，将是

 $("#datepicker, #datepicker2").datepicker({ dateFormat: 'yy-mm-dd' }); 

Answer 4

对于页面上的任何文本框：

 $('input[type="text"]').datepicker({ dateFormat: 'yy-mm-dd' }); 

Answer 5

在自定义post的同一页面上的不同输入框上获取function性日期选择器，并且不会弄乱jquery-ui.css和jquery-ui.theme.css或jQuery ui库的任何其他代码：

在页脚中，我在函数中启动datepicker，因为我使用wordpress，此页面位于admin后端，但如果您不使用wordpress，则可以使用javascript片段：