مشکل در استفاده از Date Time Picker

سلام من تمام کتابخانه های jquery مربوط به Date Time Picker را فراخوانی کردم و حتی از روی یک پروژه ی دیگه هم روش استفاده و کدنویسی و صدا زدنش را دیدم ولی هر کار میکنم اصلا کار نمیکنه .

اینا کتابخانه های جکوئری که در layout اضافه کردم :

 <script src="~/Scripts/jquery-1.8.2.min.js"></script>

            <script src="~/Scripts/jquery-ui-1.9.2.min.js"></script>

اینم ها هم در view اضافه کردم :

@section Scripts { 

   @Scripts.Render("~/bundles/jqueryval")

    <script src="~/Scripts/PersianDateTimePicker/jquery-ui-datetimepicker.min.js"></script>

}





@section styles

{

    <link href="~/Scripts/PersianDateTimePicker/jquery-ui-datetimepicker.min.css" rel="stylesheet" />

}

و اینم خود کنترل و فراخوانی با جکوئری :

 <div class="editor-field">

            @Html.TextBoxFor(model=>model.BirthDay,new { id="Birthday" })

            @Html.ValidationMessageFor(model => model.BirthDay)

        </div>







<script type="text/javascript">

    

    $(function() {

        $("#Birthday").datetimepicker();

    })





</script>

لطفا راهنمایی کنید مشکلم کجاست .

تشکر

دوستان لطفا راهنمایی کنید هرکار میکنم درست نمیشه!:افسرده:

من دقیقا به این شکل استفاده می کنم

کد HTML:

---

<link type="text/css" href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
    <script type="text/javascript" src="~/scripts/jquery.ui.core.js"></script>
    <script type="text/javascript" src="~/scripts/jquery.ui.datepicker-cc.js"></script>
    <script type="text/javascript" src="~/scripts/calendar.js"></script>
    <script type="text/javascript" src="~/scripts/jquery.ui.datepicker-cc-ar.js"></script>
    <script type="text/javascript" src="~/scripts/jquery.ui.datepicker-cc-fa.js"></script>

<div id="class_EventDate">
        <div class="editor-label">
            @Html.LabelFor(model => model.EventDate)
        </div>
        <div class="editor-textl">
            @Html.TextBoxFor(model => model.EventDate, new Dictionary<string, object>() { { "readonly", "true" } })
        </div>
    </div>

<script type="text/javascript">
 $(function () {
  $("#EventDate").datepicker({
            showOn: 'button',
            buttonImage: '/styles/images/calendar.png',
            buttonImageOnly: true
        });

        $('#EventDate').click(function () {
            $(this).val("");
        });

});

---

datetimepicker ندارد؟

جالبه . من همین مشکل رو برای PersianDatePicker دارم .
کد من برای ویو اینجوریه :

@Html.TextBoxFor(model => model.SpecialPrice_To, new { onclick = "PersianDatePicker.Show(this, '1393/01/01');" })

اما هیچ اتفاقی نمیفته و هیچ خطایی هم صادر نمیشه .
توی پروژه های webform استفاده کردم و مشکلی نداره اما اینجا اینجوری هست :/

دوستان بالاخره بعد از 2 روز کلنجار رفتن فهمیدم مشکل کجاست .

خیلی ساده بود . باید حتما کتابخانه های جکوئری به این ترتیب صدا زده شوند وگرنه کار نمیکنه :

<script src="~/Scripts/jquery-1.8.2.min.js"></script>





<script src="~/Scripts/jquery-ui-1.9.2.min.js"></script>





<script src="~/Scripts/PersianDateTimePicker/jquery-ui-datetimepicker.min.js"></script>

دقیقا باید به این ترتیب اول خود جکوئری و بعد jequery ui و کتابخانه ی جکوئری Date Time Picker صدا زده بشه وگرنه کار نمیکنه .


بعد از اون به شکل زیر ازش استفاده کنید .

<div class="editor-field">

@Html.TextBoxFor(model=>model.BirthDay,new { id="Birthday" })

@Html.ValidationMessageFor(model => model.BirthDay)

</div>













<script type="text/javascript">





$(function() {

$("#Birthday").datetimepicker();

})









</script>

در ضمن برای راحتی کار شما خود کتابخانه ی کاملش را براتون ضمیمه میکنم که به روشی که بالا گفتم توی پروژه تون اضافه کنید و استفاده کنید .

به غیر از فایلهای جاوا اسکریپت بالا که حتما باید به ترتیبی که گفتم صدا بزنید توی فولدرهاش چندتا فایل css هست که اونها هم خودتون فراخوانی کنید .

من خودم دارم از همین استفاده میکنم و بدون دردسر براحتی کار میکنه .

موفق باشید...

اگه برناممون چند lang داشته باشه، میشه با توجه به زبان ، تاریخ رو تغییر داد؟

بله تمامی DatetimePicker های امکان برگرداندن زبان را دارند و این مورد در تقویم های شمسی نیز امکان دارد .

تمامی موارد مورد نیاز خود را میتوانید در این سایت مشاهده نمائید

سلام دوستان

من چند تا سوال داشتم

1 - چجوری زمان رو غیر فعال کنیم که فقط تاریخ باشه ؟
2 - من می خواهم که فرمی دارم کاربر تاریخ رو نبینه و فقط زمان ثبت فرم تاریخش در دیتابیسم ثبت بشه چطور باید عمل کنم ؟
3 - مقداری که با استفاده از این ابزار در دیتابیس ثبت می شه برای فراخوانی مشکلی نیست و توی تقویمی که باز شده به همون تاریخ و زمان ثبت شده اشاره می کنه ؟


ممنون

نقل قول:

---

نوشته شده توسط jaykob

سلام دوستان

من چند تا سوال داشتم

1 - چجوری زمان رو غیر فعال کنیم که فقط تاریخ باشه ؟
2 - من می خواهم که فرمی دارم کاربر تاریخ رو نبینه و فقط زمان ثبت فرم تاریخش در دیتابیسم ثبت بشه چطور باید عمل کنم ؟
3 - مقداری که با استفاده از این ابزار در دیتابیس ثبت می شه برای فراخوانی مشکلی نیست و توی تقویمی که باز شده به همون تاریخ و زمان ثبت شده اشاره می کنه ؟


ممنون

---

1 .

$("#txtDate").DatePichker();

2 . اگر منظورتون اینه موقع ثبت فرم خودکار تاریخ ثبت در دیتابیس درج یشه که باید تاریخ جاری سیستم را بگیرید با دستور

ِDateTime.now

3 . مشکلی نیست و با فرمت استاندارد ثبت میشه .

سلام بابت بالا اوردن تاپیک عذر میخوام اما مشکلم رو جای دیگری پیدا نکردم
1- میخوام وقتی فرم لود میشه فقط تاریخ رو بصورت یونیکس (1528562498) بخونه بصورت شمسی نمایش بده
2- کاربر داخل input فقط بتونه تاریخ رو وارد کنه و متن دیگه نشه وارد کرد
3- تاریخ جدید باز بصورت unix ذخیره بشه

با سلام
جواب ۱ و ۳ اینجا هست - ۲ رو هم به خودتون میسپارم :لبخند:
altField : فیلدی که unixtime داخلش ذخیره میشه
unixtime رو هم در 1000 که ضرب کنید اوکی میشه برای این دیت تایم پیکر و ست میشه

<input type="text" id="example1" /><input type="hidden" name="ToDate" id="ToDate" />

<script type="text/javascript">

        var pd;

        $(document).ready(function () {

            var unixtime = 1528562498;

            pd = $('#example1').persianDatepicker({

                format: 'YYYY',

                viewMode: 'year'	,

				altField: '#ToDate',

                toolbox:{

                    submitButton:{

                        enabled:true

                    },

                    calendarSwitch:{

                    enabled:false

                    },

                    todayButton:{

                        enabled:false

                    }

                },

                dayPicker:

                {

                    enabled : false

                },

                monthPicker:{

                    enabled:false

                }

            });

            pd.setDate(unixtime*1000);

            pd.startOf('year');

        });

    </script>