标签: jquery-ui-datepicker
在jquery datepicker中设置最小日期
嗨我想在我的jquery datepicker中设置最小日期为(1999-10-25)所以我尝试了下面的代码它不工作.
$(function () {
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
showButtonPanel: true,
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
minDate: new Date(1999, 10 - 1, 25),
maxDate: '+30Y',
inline: true
});
});
**如果我将最小年份改为2002年以上,那么它将工作正常,但如果我指定的年份少于2002年(如上面的例子1999),它将仅显示到2002年.有人帮助我.我正在使用jquery-1.7.1.min.js和jquery-ui-1.8.18.custom.min.js.
推荐指数
解决办法
查看次数
如何使jqueryUI datepicker以不同于显示的格式提交？
我正在使用jQueryUI进行一些国际化.我在一个正确使用法语的表单上有一个DatePicker控件.
当我选择日期时,例如2012年8月15日,DatePicker将显示15Aoû,2012,正如我所料.然而,我的问题是,当发布表单时,DatePicker的值将发布为'15Aoû,2012',现在需要在服务器上进行翻译才能正确保存.
我的问题是,jQueryUI DatePicker中是否有内置方式,以便我可以始终以一致的格式将其发布到服务器,无论控件显示在哪种语言中？如果没有内置方式,那么实现这一目的有哪些选择？
我意识到我可以将dateformat更改为类似于08/15/2012的内容,而不是使用文本表示,但这不是我想要做的.
推荐指数
解决办法
查看次数
使用jQuery UI Datepicker时如何格式化日期,小时,分钟和秒？
是否可以使用jQuery UI Datepicker格式化日期以显示小时,分钟和秒？
这是我目前的模型:
$(function() {
$('#datepicker').datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }).val();
});<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<title>snippet</title>
</head>
<body>
<input type="text" id="datepicker">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>当我调用.datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' })返回值时:
201313-07-03 HH:7月:ss
这是一个JSFiddle.
推荐指数
解决办法
查看次数
动态删除Datepicker函数
我想删除datepicker函数,具体取决于下拉列表选择的值.我尝试以下代码,但是当我将光标放在文本框中时它仍然显示日历.请给我一个建议.
$("#ddlSearchType").change(function () {
if ($(this).val() == "Required Date" || $(this).val() == "Submitted Date") {
$("#txtSearch").datepicker();
} else {
$("#txtSearch").datepicker("option", "disabled", true);
}
});
推荐指数
解决办法
查看次数
jQuery UI Datepicker:如何在特定日期添加可点击事件？
我想强调jquery datepicker上的日期,其中有附加事件(我不是在谈论js事件,而是现实生活事件:D).
- 如何将活动日期传递给日历？
- 如何使其可点击,要么在一个小弹出提示中显示带有其URL的事件,要么转到事件页面？
是否有可用的插件或资源(如教程)来帮助我实现这一目标？
谢谢.
PS:我没有使用datepicker来选择日期,只是为了访问附加到日期的事件
PS2:我将在多语言网站(fr和英语)上使用它,这就是为什么我想到了datepicker
jquery jquery-ui datepicker jquery-plugins jquery-ui-datepicker
推荐指数
解决办法
查看次数
Jquery日期选择器默认日期
我在我的项目中使用Jquery Datepicker.问题是它没有加载当前日期,而是将2001年1月1日的日期显示为默认日期.您能告诉我如何更正默认日期,以便显示当前日期.
推荐指数
解决办法
查看次数
.datepicker('setdate')在jQuery中发布
我有一个函数执行查询,以获取基于使用.datepicker()选择的特定日期范围的一些数据.我试图将响应数据中的日期选择器设置回执行查询之前选择的日期范围.
queryDate = '2009-11-01';
$('#datePicker').datepicker('setDate', queryDate);
有一个有趣的结果是将datepicker设置为今天的日期!如果它只是吐出一个错误,我不会感到困惑.为什么将它设置为今天的日期？
如何将形成的日期定义为'yyyy-mm-dd'并将日期选择器设置为它？
我认为最好只将datepicker链接到的文本框设置为'queryDate'.
推荐指数
解决办法
查看次数
ipad web应用程序:如何防止键盘在jquery datepicker上弹出
我有一个带有日期字段的表单,附带了一个jquery datepicker.
当我选择日期字段时,弹出日期选择器,然后iPad键盘滑入视图并遮挡日期选择器.
在这种情况下如何防止键盘弹出？
推荐指数
解决办法
查看次数
jQuery事件处理程序.on()不起作用
我想将一个事件附加到动态创建的元素类.所以我使用了live函数,但它没有被触发.所以检查了实时功能参考,下面有红色注释
从jQuery 1.7开始,不推荐使用.live()方法.使用.on()附加事件处理程序.旧版jQuery的用户应该使用.delegate()而不是.live().
所以决定使用on函数,但它仍然没有工作.文本字段已经附加了jquery ui datpicker.On另一个元素选择我禁用该字段.
jQuery("#from").attr('disabled','disabled')
.removeClass('date_picker_bg')
.removeClass('hasDatepicker')
.addClass('date_picker_disabled');
禁用后如果我点击我想显示警报或tooltip.so我试过这个,但没有工作
jQuery(".date_picker_disabled").on("click", function(event){
alert('hi');
});
可能是什么问题
我正在使用jquery 1.7.1(jquery-1.7.1.min.js)
推荐指数
解决办法
查看次数
在Bootstrap模式中实现jQuery DatePicker
为我的问题创建了jsfiddle http://jsfiddle.net/sudiptabanerjee/93eTU/
在模态窗口中,问题出在Change Month和Change Year组合上.
a)IE 11:一切都按预期工作b)Chrome版本31,月份组合选择,引导模态隐藏.c)Firefox v26,月份和年份下拉列表不起作用.
请帮忙.
HTML
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Launch demo modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<div class="col-md-12">
<div class="row">
<label for="idTourDateDetails">Tour Start Date:</label>
<div class="form-group">
<div class="input-group">
<input type="text" name="idTourDateDetails" id="idTourDateDetails" readonly="readonly" class="form-control clsDatePicker"> <span class="input-group-addon"><i id="calIconTourDateDetails" class="glyphicon glyphicon-th"></i></span>
</div>
</div>Alt Field:
<input …jquery jquery-ui-datepicker twitter-bootstrap twitter-bootstrap-3
推荐指数
解决办法
查看次数