时间戳

首页 > 解决方案 > 如何在 jqueryUI 小部件插件“多日期选择器”中设置动态参数值

javascript - 如何在 jqueryUI 小部件插件“多日期选择器”中设置动态参数值

问题描述

我试图用 jqueryUI 制作一个多日期选择器日历，并了解了一个名为“Multi-Dates-Picker”的插件。这样做的问题是我无法以 jqueryUI 小部件中 setter 方法的通常方式动态设置值，而 getter 方法工作正常。

var date = new Date();
var today = new Date();
var tomorrow = (new Date()).setDate(today.getDate() + 1);

function myFunction() {
  $('#mdp-demo').multiDatesPicker({
    minDate: 3, // today
    maxDate: 15, // +30 days from today
    maxPicks: 2,
  });
}

function maxpicksup() {
  // Setter
  $("#mdp-demo").datepicker("option", "maxDate", 21);
  $("#mdp-demo").datepicker("option", "minDate", 0);
  //setter
  $("#mdp-demo").datepicker("option", "maxPicks", 5);
  // Getter
  var firstDay = $("#mdp-demo").datepicker("option", "maxPicks");
  alert(firstDay);
}
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-ui-multidatespicker@1.6.6/jquery-ui.multidatespicker.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-ui-multidatespicker@1.6.6/jquery-ui.multidatespicker.js"></script>

<body onload="myFunction()">
  <div class="" id="mdp-demo"></div>
  <button onclick="maxpicksup()">click</button>
</body>

标签： javascriptjqueryjquery-multidatespicker

解决方案

推荐阅读