Question

我想问你的帮助伙伴们。我们有自己的JS文件，其中包含我们定义的函数。但是，我们希望有一个可重复使用的日期选择器，我们可以在不同情况下使用它。

我们有以下代码。

 $.fn.ShowCalendar = function (pObjectName) {  
  this.find("#" + pObjectName).datepicker({
   changeYear: true,
   dateFormat: 'yy-mm-dd',
   showButtonPanel: true,
   changeMonth: true,
   changeYear: true,
   showOn: "button",
   buttonImage: "images/calendar.gif",
   buttonImageOnly: true,
   minDate: new Date('2015/11/01'),
   maxDate: new Date('2016/05/31'),
   inline: true
  });
 };

在我们的页面中，我们想以这种方式调用它。

$("#datetest").ShowCalendar("datetest");

HTML

<input type="text" id="datetest" placeholder="To..." class="form-control"/>

但是当我们点击输入框时。日期选择器没有出现。我们的代码缺少什么？

Answer 1

使用，$(this).datepicker({ 而不是this.find("#" + pObjectName).datepicker({

Answer 2

感谢您的帮助。只是解决问题。由于我使用Bootstrap datepicker，我将我的代码minDate和maxDate更改为startDate和endDate。

谢谢你们。：）

jquery如何从另一个函数调用datepicker？

2 个答案: