用于日期日历元素选择的触发按钮

时间:2016-09-30 16:05:36

标签: javascript jquery jquery-ui

我目前正在使用jquery日期日历,但我的问题适用于任何日期日历https://jqueryui.com/datepicker/ 有没有办法让我有一个外部按钮,点击时选择给定日历行/列中的特定第一个元素(比如第1行)

1 个答案:

答案 0 :(得分:0)

请检查以下代码段。 这是你想要实现的那个



$(document).ready(function() {
  $("#date").datepicker();
  $("#button1").bind('click', click);
});

function click() {
  $('#date').datepicker('show')
  $(".ui-datepicker-calendar tr:first").addClass('red');
}

.red {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">date

<input type="text" id="date" />

<input type="button" id="button1" value="click" />
&#13;
&#13;
&#13;