jQuery日历:日期选择单击事件不起作用 [英] Jquery Calendar : Date selection click event does not work

问题描述

我使用了效果很好的Jquery Calendare.为此，我用过
"jquery-ui.min.js"和"jquery-ui.css"库文件.

我可以显示日历，显示当前日期.我也可以突出显示任务设置日期.

但是我不能做的是，当用户单击任何日期时，我无法获得该事件.我希望用户重定向到具有选定日期的另一个页面.但我无法在该日期获得活动.

奇怪的是，在日历的空白区域上，我得到了事件，并且我也可以得到选定的日期值，但是当用户单击日期时，那次我没有得到任何事件.

我已附上代码供您参考.有解决问题的主意吗?

i have used Jquery Calendare which works well. for that i have used
"jquery-ui.min.js" and "jquery-ui.css" Library File.

i can show the calender, show the current date. Also i can highlight the task set dates.

But what i cant do is, when user click on any date, i cant get the event. i want the user to redirect to another page with selected date. but i am not able to get event on the date.

The vierd thing is, on blank area of calendar i get the event, and also i can get the selected date value, but when user clicks on date, that time i dont get any event.

I have attached code for your reference. Any idea to solve the issue?

Site Master Page

-----------------------------------

<script type="text/javascript" src="../../Scripts/jquery-ui.min.js"></script>

<link href="../../Content/jquery-ui.css" rel="stylesheet" type="text/css" />



Calendar Page

------------------------------------------------------------------------------------

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">

ShowCalendar

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>ShowCalendar</h2>

<script type="text/javascript">

$(function () {

var someDates = ['10/8/2011', '10/28/2011', '10/30/2011', '11/7/2011', '12/7/2011'];

$("#testDateDiv").datepicker({

beforeShowDay: function (date) {

for (var i = 0; i < someDates.length; i++) {

if (new Date(someDates[i]).toString() == date.toString()) {

return [true, 'someDates'];

}

}

return [true];

}

});

});

$(function () {

debugger;

if ($("#testDateDiv").click(function () {

var obj1 = $('#testDateDiv').val();

$('#' + $('#DateDiv').val()).datepicker('setDate', obj1);

alert(obj1);

// window.location = "http://localhost:4300/Home/Account?strDate=" + obj1;

}));

});

</script>

<div id="testDateDiv" style="width: 300px">

</div>

</asp:Content>

推荐答案

(函数(){ var someDates = [' 2011/10/8'，' 2011年10月28日'， ' 10/30/2011'，' 11/7/2011'，' 12/7/2011'];

(function () { var someDates = ['10/8/2011', '10/28/2011', '10/30/2011', '11/7/2011', '12/7/2011'];

(" ).datepicker({ beforeShowDay:函数(日期){ for ( var i = 0 ; i < someDates.length; i ++){ 如果(新 日期(someDates [i ]).toString()== date.toString()){ 返回 [真，' someDates']; } } 返回 [真]； } }); });

("#testDateDiv").datepicker({ beforeShowDay: function (date) { for (var i = 0; i < someDates.length; i++) { if (new Date(someDates[i]).toString() == date.toString()) { return [true, 'someDates']; } } return [true]; } }); });

(功能(){ 调试器； 如果(

这篇关于jQuery日历:日期选择单击事件不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！