当前位置：文江博客话题详情

jquery ui datepicker..我可以使其静态吗？

发布于 2025-01-04 07:14:28 字数 367 浏览 4 评论 0原文

这是一个简单的问题。

我想创建一个没有任何可选日期的内联日历。我希望通过预设的隐藏输入字段选择日期。我应该使用日期选择器插件吗？这似乎是错误的使用方式，因为我并没有真正做任何选择。

任何人对此都有任何经验。只需要制作一个静态日历。

http://www.kelvinluck.com/assets/jquery/datePicker /v2/demo/inlineDatePicker.html

类似的东西，但没有可选择的日期或月份。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦旅人picnic 2025-01-11 07:14:28

是的，您可以使用它来制作静态日历（但最好是如果您已经在使用一些 jquery ui 功能，这样就不需要下载额外的 js）。

您可以使用两个选项：

内联（将显示日期选择器日历）

$('#datepicker').datepicker({inline: true});

禁用（将禁用日历）

$('#datepicker').datepicker({disabled: true});

完整代码（工作）

<head>
<script type="text/javascript">
$(document).ready(function(){
var staticDate = $("#static_date").val();
$('#datepicker').datepicker({
inline: true,
disabled: true,
defaultDate: staticDate
});
});
</script>
</head>
<body>
<input type="hidden" id="static_date" value="01/01/2012" />
<div id="datepicker"></div>
</body>

您可以看到，日期选择器绑定到 div 而不是文本字段。
正文中的第一行是您可以定义静态日期的地方。请记住也使用在日期选择器中设置的格式。

Yes You can use it to make static calendar (but best if You are already using some jquery ui features so no additional js will be necessary for download).

You can use two options:

inline (will show datepicker calendar in line)

$('#datepicker').datepicker({inline: true});

disable (will disable calendar)

$('#datepicker').datepicker({disabled: true});

Full code (working)

<head>
<script type="text/javascript">
$(document).ready(function(){
var staticDate = $("#static_date").val();
$('#datepicker').datepicker({
inline: true,
disabled: true,
defaultDate: staticDate
});
});
</script>
</head>
<body>
<input type="hidden" id="static_date" value="01/01/2012" />
<div id="datepicker"></div>
</body>

You can see, that datepicker is bounded to div not textfield.
First line in body is place where You can define static date. Remember too use format that is also set in datepicker.

回复收藏 0 原文