如何使用可点击按钮 select 用户在 Datepicker 日历中其他月份的当前日期。?
How to select current day when user was in other months in Datepicker calender by using a clickable button.?
我的 magento 网站上有一个活动日历。
我需要在其他月份将用户重定向到当前日期。
我有一个名为 TODAY 的按钮来编写点击事件。
EX : 现在我在三月份,我想点击今天的按钮转到二月份。
请在此处查看我将 post 的图像。
我无法发布图片,如果有人需要这方面的图片,我可以发给你。
如果有人可以帮助我,我将非常高兴。谢谢你。
编辑
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
jQuery(function() {
var jqdpopup = jQuery('#event_popup').dialog({autoOpen: false});
var myDate = new Date();
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' +
myDate.getFullYear();
jQuery("#date_input").val(prettyDate);
jQuery('.eventslisting_title span').html(prettyDate);
getevents(prettyDate);
var datesArray=["11/02/2014","11/03/2014"];
jQuery(function(){
jQuery('#event_calender').datepicker({
inline: true,
beforeShowDay: function (date) {
var theday = (date.getMonth()+1) +'/'+
date.getDate()+ '/' +
date.getFullYear();
return [true,jQuery.inArray(theday, datesArray) >=0?"eventDate":''];
},
onSelect: function(date, obj){
jQuery('#date_input').val(date); //Updates value of of your input
jQuery('.eventslisting_title span').html(date);
getevents(date);
jqdpopup.dialog( "open" );
}
});
在今天的按钮点击事件中,写这段代码
$('#event_calender').datepicker('setDate', 'today');
查看日期选择器中的 setDate
方法 api:http://api.jqueryui.com/datepicker/#method-setDate
要通过单击按钮设置日期,请执行以下操作:
jQuery("#buttonID").click(function(){
jQuery('#event_calender').datepicker( "setDate", "today");
});
我的 magento 网站上有一个活动日历。 我需要在其他月份将用户重定向到当前日期。 我有一个名为 TODAY 的按钮来编写点击事件。
EX : 现在我在三月份,我想点击今天的按钮转到二月份。 请在此处查看我将 post 的图像。
我无法发布图片,如果有人需要这方面的图片,我可以发给你。 如果有人可以帮助我,我将非常高兴。谢谢你。 编辑
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
jQuery(function() {
var jqdpopup = jQuery('#event_popup').dialog({autoOpen: false});
var myDate = new Date();
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' +
myDate.getFullYear();
jQuery("#date_input").val(prettyDate);
jQuery('.eventslisting_title span').html(prettyDate);
getevents(prettyDate);
var datesArray=["11/02/2014","11/03/2014"];
jQuery(function(){
jQuery('#event_calender').datepicker({
inline: true,
beforeShowDay: function (date) {
var theday = (date.getMonth()+1) +'/'+
date.getDate()+ '/' +
date.getFullYear();
return [true,jQuery.inArray(theday, datesArray) >=0?"eventDate":''];
},
onSelect: function(date, obj){
jQuery('#date_input').val(date); //Updates value of of your input
jQuery('.eventslisting_title span').html(date);
getevents(date);
jqdpopup.dialog( "open" );
}
});
在今天的按钮点击事件中,写这段代码
$('#event_calender').datepicker('setDate', 'today');
查看日期选择器中的 setDate
方法 api:http://api.jqueryui.com/datepicker/#method-setDate
要通过单击按钮设置日期,请执行以下操作:
jQuery("#buttonID").click(function(){
jQuery('#event_calender').datepicker( "setDate", "today");
});