View Full Version : مشکل در استفاده از Date Time Picker
HOSSEINONLINE7
جمعه 08 فروردین 1393, 21:14 عصر
سلام من تمام کتابخانه های 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>
لطفا راهنمایی کنید مشکلم کجاست .
تشکر
HOSSEINONLINE7
یک شنبه 10 فروردین 1393, 09:39 صبح
دوستان لطفا راهنمایی کنید هرکار میکنم درست نمیشه!:افسرده:
ali_autumnal
دوشنبه 11 فروردین 1393, 16:57 عصر
من دقیقا به این شکل استفاده می کنم
<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("");
});
});
businessMg
دوشنبه 11 فروردین 1393, 17:51 عصر
datetimepicker ندارد؟
Dr.Bronx
دوشنبه 11 فروردین 1393, 23:36 عصر
جالبه . من همین مشکل رو برای PersianDatePicker دارم .
کد من برای ویو اینجوریه :
@Html.TextBoxFor(model => model.SpecialPrice_To, new { onclick = "PersianDatePicker.Show(this, '1393/01/01');" })
اما هیچ اتفاقی نمیفته و هیچ خطایی هم صادر نمیشه .
توی پروژه های webform استفاده کردم و مشکلی نداره اما اینجا اینجوری هست :/
HOSSEINONLINE7
سه شنبه 12 فروردین 1393, 12:25 عصر
دوستان بالاخره بعد از 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 هست که اونها هم خودتون فراخوانی کنید .
من خودم دارم از همین استفاده میکنم و بدون دردسر براحتی کار میکنه .
موفق باشید...
resident
سه شنبه 12 فروردین 1393, 18:28 عصر
اگه برناممون چند lang داشته باشه، میشه با توجه به زبان ، تاریخ رو تغییر داد؟
sanay_esh
یک شنبه 17 فروردین 1393, 15:50 عصر
بله تمامی DatetimePicker های امکان برگرداندن زبان را دارند و این مورد در تقویم های شمسی نیز امکان دارد .
تمامی موارد مورد نیاز خود را میتوانید در این سایت (http://tarruda.github.io/bootstrap-datetimepicker/) مشاهده نمائید
jaykob
چهارشنبه 24 اردیبهشت 1393, 18:00 عصر
سلام دوستان
من چند تا سوال داشتم
1 - چجوری زمان رو غیر فعال کنیم که فقط تاریخ باشه ؟
2 - من می خواهم که فرمی دارم کاربر تاریخ رو نبینه و فقط زمان ثبت فرم تاریخش در دیتابیسم ثبت بشه چطور باید عمل کنم ؟
3 - مقداری که با استفاده از این ابزار در دیتابیس ثبت می شه برای فراخوانی مشکلی نیست و توی تقویمی که باز شده به همون تاریخ و زمان ثبت شده اشاره می کنه ؟
ممنون
HOSSEINONLINE7
پنج شنبه 25 اردیبهشت 1393, 08:09 صبح
سلام دوستان
من چند تا سوال داشتم
1 - چجوری زمان رو غیر فعال کنیم که فقط تاریخ باشه ؟
2 - من می خواهم که فرمی دارم کاربر تاریخ رو نبینه و فقط زمان ثبت فرم تاریخش در دیتابیسم ثبت بشه چطور باید عمل کنم ؟
3 - مقداری که با استفاده از این ابزار در دیتابیس ثبت می شه برای فراخوانی مشکلی نیست و توی تقویمی که باز شده به همون تاریخ و زمان ثبت شده اشاره می کنه ؟
ممنون
1 . $("#txtDate").DatePichker();
2 . اگر منظورتون اینه موقع ثبت فرم خودکار تاریخ ثبت در دیتابیس درج یشه که باید تاریخ جاری سیستم را بگیرید با دستور ِDateTime.now
3 . مشکلی نیست و با فرمت استاندارد ثبت میشه .
mostafaHD
جمعه 12 بهمن 1397, 20:09 عصر
سلام بابت بالا اوردن تاپیک عذر میخوام اما مشکلم رو جای دیگری پیدا نکردم
1- میخوام وقتی فرم لود میشه فقط تاریخ رو بصورت یونیکس (1528562498) بخونه بصورت شمسی نمایش بده
2- کاربر داخل input فقط بتونه تاریخ رو وارد کنه و متن دیگه نشه وارد کرد
3- تاریخ جدید باز بصورت unix ذخیره بشه
nunegandom
دوشنبه 22 بهمن 1397, 16:19 عصر
با سلام
جواب ۱ و ۳ اینجا هست - ۲ رو هم به خودتون میسپارم :لبخند:
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>
vBulletin® v4.2.5, Copyright ©2000-1403, Jelsoft Enterprises Ltd.