设置jQuery UI日历格式时出现问题
设置jQuery UI日历格式时出现问题
提问于 2010-07-21 14:55:22
我遇到了格式化jQuery UI日历的问题。日历的格式基于用户首选项。如果用户从第一个选择框中选择日期格式，则UI日历格式应基于该日期格式...请分享关于如何实现这一点的想法。提前谢谢..
jQuery代码
jQuery(function() {
var format = 'yy-mm-dd';
jQuery('#dateFormat').change(function(){
format = jQuery('#dateFormat').val();
alert(format);
});
jQuery('#fromDate').datepicker({
showTime: false,
dateFormat: format,
showOn: 'button',buttonText: 'Date', buttonImage: 'images/calendar.gif', buttonImageOnly: true
});
jQuery('#toDate').datepicker({
showTime: false,
dateFormat: 'dd-mm-yy',
showOn: 'button',buttonText: 'Date', buttonImage: 'images/calendar.gif', buttonImageOnly: true
});
});Html代码如下
<label>Date Format</label>
<select name="dateFormat" id="dateFormat">
<option val="1">dd-mm-yy</option>
<option val="2">yy-mm-dd</option>
</select>
<label>Period start:</label>
<input type="text" value="" size="30" name="fromDate" id="fromDate" />
<label>Period start:</label>
<input type="text" value="" size="30" name="toDate" id="toDate" />回答 1
Stack Overflow用户
回答已采纳
发布于 2010-07-21 15:11:12
试试这个：
var fromDate = jQuery('#fromDate');
var toDate = jQuery('#toDate');
var dateFormat = jQuery('#dateFormat');
dateFormat.change(function(){
var format = jQuery(this).val();
fromDate.datepicker('option','dateFormat',format);
toDate.datepicker('option','dateFormat',format);
});
fromDate.datepicker({
showTime: false,
dateFormat: format,
showOn: 'button',buttonText: 'Date', buttonImage: 'images/calendar.gif', buttonImageOnly: true
});
toDate.datepicker({
showTime: false,
dateFormat: 'dd-mm-yy',
showOn: 'button',buttonText: 'Date', buttonImage: 'images/calendar.gif', buttonImageOnly: true
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3296907
复制相关文章
相似问题
腾讯云开发者
