我只想将今天的日期作为使用jQuery UI的输入中的默认值datepicker:
<input id="mydate" type="text" />
我尝试了下面的代码,但它不起作用:
var currentDate = new Date();
$("#mydate").datepicker("setDate",currentDate);
我正在寻找一个JavaScript月份选择工具.我已经在网站上使用jQuery了,所以如果它是一个jQuery插件,那就很合适了.我也对其他选择持开放态度.
基本上,我正在使用简化版的jQuery UI Date Picker.我不关心这个月的日子,只关注月份和年份.使用日期选择器控件感觉像是矫枉过正和一个kludge.我知道我可以使用一对选择框,但感觉很杂乱,然后我还需要一个确认按钮.
我正在设想一个由两行六列或三行四列组成的网格,用于月份选择,以及当前和未来的年份.(也许有能力列出几年？我看不到任何人需要提前一年或两年,所以如果我能列出当前和未来两年,那就会膨胀.)
它实际上只是DatePicker的一个愚蠢的版本.这样的事情存在吗？
primefaces日历组件默认为获取日期.我可以只获得没有日期的月份和年份.
如何只获得一个月和一年
我希望用户在表单中指定他们的生日或周年纪念日(没有年份).为此,我想使用jquery datepicker但它不应该显示任何year选项.怎么做？
我试图修改代码这个问题,所以通过使changeDay: true和changeYear: false,但不能让它开始工作.
如何将jQuery日期选择器转换为仅选择月份和年份？我尝试使用日期格式,它工作,但也显示日期.我正在尝试一种只选择月份和年份的方法
我写了代码,
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker({dateFormat: 'MM yy'});
});
</script>
<input type="text" id="datepicker">
我通过这个帖子jQuery UI DatePicker只显示月份,这对我来说非常有帮助,以便破解日期时间选择器UI以适应我的情况.
但是由于我在同一个表单上有几个日期时间选择器,所以会发生这种情况.css display:none旨在"隐藏"不显示的日子.但是如果我在同一个表单上有几个日期时间选择器,但只有一个我想制作一个月份选择器,我该如何实现呢？使用thw css,它会使所有日期时间日历UI的所有日子都消失,因为css将更改.ui-datepicker-calendar的属性.欢迎任何建议.
有没有办法处理在jquery UI DatePicker中按下"完成"按钮的事件？
我有一个日期选择器,只允许在这里选择年和月
问题是使用onclose事件阻止我清除字段(如果我点击弹出的日期选择器,那么如果我关闭当前选定的月份和年份将被放入该字段).
我不想在日期选择器之外使用额外的"清除"按钮,所以我可以使用完成按钮.
我的页面上有两个jQuery日期选择器:
特殊的一个使用一些自定义CSS(从这里)隐藏日历部分,所以只显示月/年.
.ui-datepicker-calendar {
display : none ;
}
但是,由于页面上只有一个对话框实例,因此两个选择器都隐藏了日历.
有没有办法只将这种风格应用于其中一个实例？我检查了文档,看看我是否可以在对话框中添加自定义类,但我找不到它.
我正在尝试显示一个只显示月份+年份菜单的日期选择器,就像在这个Q'jquery日期选择器中仅显示月份一样,这不是问题,但我遇到了以下问题
我希望输入文本加载日期的字符串值,如01/2011,我希望在focusin事件上,datepicker将加载显示日期,我的意思是我希望它与2011年和月01已经打开选择
但由于某些原因,当我点击文本输入时,原始日期"01/2011"变为"01/01/2011"
这是我的代码
$(document).delegate("#timeSpanFrom, #timeSpanTo", "focusin", function() {
var $this = $(this);
var inputDate = $.datepicker.parseDate('dd/mm/yy', "01/"+$this.val());
if (!$this.data('datepicker_enabled')) {
$this.datepicker({
changeMonth : true,
changeYear : true,
showButtonPanel : true,
onClose : function(dateText, inst) {
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).datepicker('setDate', new Date(year, month, 1));
$(".ui-datepicker-calendar").hide();
}
});
$this.datepicker({ dateFormat: 'mm/yy' });
$this.datepicker('setDate', inputDate);
$this.data('datepicker_enabled',true);
}
});
$(document).delegate("#timeSpanFrom, #timeSpanTo", "focus", function() {
$(".ui-datepicker-calendar").hide();
});
谢谢你