jquery打开日历到特定月份
Posted
技术标签:
【中文标题】jquery打开日历到特定月份【英文标题】：jquery open calendar to specific month 【发布时间】：2015-08-09 23:26:36 【问题描述】：点击文本框时，会打开一个带有当前月份的日历。我想将日历打开到特定日期。目前，日历打开打开当前月视图。有人可以帮我解决这个问题吗？谢谢！
选择日期：<input type="text" id="datepicker"/>
$('#datepicker').datepicker(
dateFormat: 'mm-dd-yy',
beforeShowDay: enableAllTheseDays,
onSelect: function (date, inst)
//MyLogic
);
【问题讨论】：
查看他的***.com/questions/606463/… 【参考方案1】：您可以使用defaultDate 选项打开特定日期。假设您希望它开放到 2014 年 7 月 1 日：
$('#datepicker').datepicker(
dateFormat: 'mm-dd-yy',
beforeShowDay: enableAllTheseDays,
defaultDate: new Date(2014, 6, 1)
onSelect: function (date, inst)
//MyLogic
);
日期的格式是年/月/日。 注意：对于月份，月份为 - 1。因此，一月（第 1 个月）为 0，二月（第 2 个月）为 1。
或者，您也可以像这样指定相同的日期：
$('#datepicker').datepicker(
dateFormat: 'mm-dd-yy',
beforeShowDay: enableAllTheseDays,
defaultDate: new Date('1 July 2014')
onSelect: function (date, inst)
//MyLogic
);
你也可以像这样定义defaultDate：
$('#datepicker').datepicker(
dateFormat: 'mm-dd-yy',
beforeShowDay: enableAllTheseDays,
defaultDate: new Date('7/1/2014')
onSelect: function (date, inst)
//MyLogic
);
【讨论】：
是... $('#datepicker').datepicker( dateFormat: 'mm-dd-yy', beforeShowDay: enableAllTheseDays, defaultDate: new Date(startDate), onSelect: function (date , inst) //MyLogic );【参考方案2】：<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<style>
table
border-collapse: collapse;
table, td, th
border: 1px solid black;
</style>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
<script>
$(document).ready(function()
$(function()
$( "#datepicker" ).datepicker(
defaultDate: '-2m'
);
);
);
</script>
</body>
</html>
【讨论】：
defaultDate: '-2m' 打开过去 2 个月的日历。我想要的是打开特定月份的日历。例如，目前我们在 5 月。我想即时打开日历到 8 月视图。请让我知道我该怎么做。谢谢！ 我得到了这个...以下代码工作 defaultDate: new Date(startDate) 你可以通过 + 或 - 来回退和前进以上是关于jquery打开日历到特定月份的主要内容，如果未能解决你的问题，请参考以下文章
jQuery UI Datepicker - 隐藏特定月份的上一个导航箭头