مشکل DateTimePicker با UpdatePanel

[اوبالیت به بو]

درود

من از http://hasheminezhad.com/jqdatepicker برای انتخاب تاریخ استفاده می کنم. تا به حال بدون مشکل کار می کردم اما حال بنابه نیاز باید داخل UpdatePanel قرار بدم که سبب میشه در هنگام پست بک ها (مثلا انتخاب از یک DropDownList) منو یا صفحه انتخاب تاریخ دیگه باز نشه.

دوستان آیا راه حلی یا کنترل بهتری سراغ دارند؟

[ahmad156]

کدهای مربوط به jquery رو به جای $(document).ready(){} توی function pageLoad(){} قرار بده

[اوبالیت به بو]

کدهای مربوط به jquery رو به جای $(document).ready(){} توی function pageLoad(){} قرار بده


سلام

منظورتون از کد های JQuery کدوم ها هستند؟ آیا همون تابع که در Client Side دارم؟ یعنی این کد ها:

$(function () {
// حالت پیشفرض
//$('#cphMain_txtDate').datepicker();
$('#cphMain_txtDate').datepicker({
changeMonth: true,
changeYear: true
});
});


یا منظورتون چیز دیگریست؟

[p.parsaee]

من هم دقيقا همين مشكل رو داشتم. لطفا اگه كسي راه حلي سراغ داره به اشتراك بزاره . با تشكر

[ahmad156]

دوست عزیز مشکل شما با راه حل بالا رفع میشه

[اوبالیت به بو]

ببخشید

این دستور رو دقیقا کجا باید بنویسم؟

[ahmad156]

$(function() {
$('#datepicker12from').datepicker({
onSelect: function(dateText, inst) {
$('#datepicker12to').datepicker('option', 'minDate', new JalaliDate(inst['selectedYear'], inst['selectedMonth'], inst['selectedDay']));
}
});
$('#datepicker12to').datepicker();
});

دستور بالایی رو توی تابع pageLoad بنویسین خودش اجرا میشه و نیاز به فراخوانی دیگه ای نداره.در واقع همون windiw.onload هست

[اوبالیت به بو]

خیلی خیلی ممنونم از شما جناب ahmad156

یک سوال دیگه

من در حالت قدیم یکسری امکانات قرار داده بودم مثل انتخاب سال و انتخاب ماه. به این صورت:


//$('#MainContent_txtDate').datepicker({
// dateFormat: 'yy/mm/dd',
// changeMonth: true,
// changeYear: true
//});

حالا چطور می تونم این دستورات رو به تکه کد بالا اضافه کنم؟ فکر کنم قسمت 'option' باشه.

[اوبالیت به بو]

دستور بالایی رو توی تابع pageLoad بنویسین خودش اجرا میشه و نیاز به فراخوانی دیگه ای نداره.در واقع همون windiw.onload هست

داخل PageLoad؟؟؟

[ahmad156]

دوست عزیز در مورد انتخاب سال و ماه که توی پست قبل گفتین تجربه ای ندارم
آره داخل pageLoad بذارین.در واقع همون window.onload هستش

[اوبالیت به بو]

مشکلم حل نشد.

در واقع این منوی JQuery وقتی داخل UpdatePanel فرآیند PostBack اتفاق می افته باز نمیشه.

[ahmad156]

دوست عزیز تابع pageLoad بیرون از updatepanel هست.نمونه کدی که من استفاده میکنم:لبخندساده:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script src="../script/jquery.autocomplete.js" type="text/javascript"> </script>
<script type="text/javascript" src="../script/jquery.ui.core.js"> </script>
<script type="text/javascript" src="../script/jquery.ui.datepicker-cc.js"> </script>
<script type="text/javascript" src="../script/calendar.js"> </script>
<script type="text/javascript" src="../script/jquery.ui.datepicker-cc-ar.js"> </script>
<script type="text/javascript" src="../script/jquery.ui.datepicker-cc-fa.js"> </script>

<link href="../css/jquery-ui-1.8.14.css" rel="stylesheet" type="text/css" />
<link href="../css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

function pageLoad() {
$(function() {
$('#datepicker12from').datepicker({
onSelect: function(dateText, inst) {
$('#datepicker12to').datepicker('option', 'minDate', new JalaliDate(inst['selectedYear'], inst['selectedMonth'], inst['selectedDay']));
}
});
$('#datepicker12to').datepicker();
});
$("#btnSearch").click(function() {
$("#startdate").val($('#datepicker12from').val());
$("#enddate").val($('#datepicker12to').val());
});

}
</script>
<style type="text/css">
#pnlForm .popupcontent { padding: 5px; }

#pnlForm.popup {
left: 30%;
top: 30%;
}
</style>
</asp:Content>
<asp:content id="Content2" contentplaceholderid="ContentPlaceHolder1" runat="server">
<asp:scriptmanager id="sm1" runat="server">
</asp:scriptmanager>
<asp:updatepanel runat="server" id="up1">
<contenttemplate>
<asp:HiddenField ID="startdate" runat="server" ClientIDMode="Static" />
<asp:HiddenField ID="enddate" runat="server" ClientIDMode="Static" />