توضیحات و دانلود

استفاده از پلاگین جی کوئری در پیاده سازی DateTimePicker با ASP.Net
0 0
استفاده از پلاگین جی کوئری در پیاده سازی DateTimePicker با ASP.Net

با سلام در این مقاله توضیح میدهیم که چگونه ما می توانیم کنترل DateTimePicker را با استفاده از jQuery در ASP.Net اجرا کنیم.
برای شروع ما نیاز به DynDateTime پلاگین جی کوئری است که به ما اجازه می دهد تا از DateTimePicker کنترل ساخت.
کد HTML

<asp:TextBox ID="TextBox1" runat="server" ReadOnly = "true"></asp:TextBox>
<img src="calender.png" />
<asp:Button ID="btnSave" runat="server" Text="Save" onclick="btnSave_Click" />

در بالا ASP.Net TextBox اضافه کردیم، یک تصویر Calender که برای راه انداختن Time Picker عمل می کند و یک دکمه برای آن که به ما امکان می دهد تاریخ و زمان انتخاب شده را به سرور ارسال کنیم.
اسکریپت DateTimePicker 

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.dynDateTime.min.js" type="text/javascript"></script>
<script src="Scripts/calendar-en.min.js" type="text/javascript"></script>
<link href="Styles/calendar-blue.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(document).ready(function () {
        $("#<%=TextBox1.ClientID %>").dynDateTime({
            showsTime: true,
            ifFormat: "%Y/%m/%d %H:%M",
            daFormat: "%l;%M %p, %e %m, %Y",
            align: "BR",
            electric: false,
            singleClick: false,
            displayArea: ".siblings('.dtcDisplayArea')",
            button: ".next()"
        });
    });
</script>


شما باید فایل های اسکریپت فوق و اسکریپت jQuery را در صفحه قرار دهید و نام جعبه متن را مشخص کرده ایم که باید کنترل DateTimePicker را اعمال کنیم.
عکس روی صفحه
این برای اجرای کنترل DateTimePicker لازم است. تصویرزیر تصویری از کارکرد کنترل DateTimePicker را نشان می دهد که ما آن را اجرا کرده ایم .

 

بدست آوردن ارزش server side
با کلیک بر روی دکمه مقدار ارزش server side را همانطور که در زیر نشان داده شده است بدست می آورد .
C #

protected void btnSave_Click(object sender, EventArgs e)
{
    DateTime dob = DateTime.Parse(Request.Form[TextBox1.UniqueID]);
}

VB.Net

Protected Sub btnSave_Click(ByVal sender As Object, ByVal e As EventArgs)
    Dim dob As DateTime = DateTime.Parse(Request.Form(TextBox1.UniqueID))
End Sub

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :