سلام من تمام مراحل پیاده سازی افزودن تاریخ شمسی رو رفتم ولی اگر تصویر رو ببینید پلاگین درست عمل نمیکنه مشکل کجاست ؟
<label>تاریخ شروع قرارداد</label>
<div class="input-group col-md-9 col-xs-12" style="padding-left:9px; padding-right:9px;">
<div class="input-group-addon" style="border:1px solid gray; padding:6px">
<span><i class="right fa fa-calendar"></i></span>
</div>
<input asp-for="@Model.BiganGhrarDadeDate" type="text" class="form-control custominput" data-mddatetimepicker="true" data-placement="left" data-mdpersiandatetimepicker="" data-trigger="focus" data-enabletimepicker="false" data-mdpersiandatetimepickerselecteddatetime="{"Year":1399,"Month":1,"Day":13,"Hour":0,"Minute":0,"Second":0}" data-mdpersiandatetimepickershowing="true" aria-describedby="popover265350">
</div>
<span asp-validation-for="@Model.BiganGhrarDadeDate" style="margin-top:10px;" class="text-danger col-md-offset-3 col-md-9 col-xs-12"></span>
</div>
دقت کنید شما از چه نسخه ای از بوت استرپ و چه نسخه ای از پلاگین MD.PersainDataTimePicker استفاده می کنید. اگر از نسخه های قدیمی تر این پلاگین استفاده می کنید باید حتما از بوت استرپ 3 استفاده بشه. اما چون در حال حاضر نسخه 4 از بوت استرپ هم موجود هست و پلاگین تقویم شمسی برای این نسخه هم در دسترس هست نحوه استفاده از پلاگین تاریخ شمسی در بوت استرپ 4 رو میگم خدمتتون.
در قسمت Javascript
<script src="~/lib/MdPersiandatetimepicker/dist/jquery.md.bootstrap.datetimepicker.js"></script>
در قسمت css
<link href="~/lib/MdPersiandatetimepicker/dist/jquery.md.bootstrap.datetimepicker.style.css" rel="stylesheet" />
نحوه استفاده در View
@{
ViewData["Title"] = "Home Page";
}
<div class="col-md-3">
<input type="text" id="calender" class="form-control" />
</div>
@section Scripts{
<script>
$('#calender').MdPersianDateTimePicker({
targetTextSelector: '#calender',
});
</script>
}
به این ترتیب می تونید از پلاگین تاریخ شمسی نسخه به روز شده با بوت استرپ 4.3 هم استفاده کنید.
تاریخ :
1403/01/20
- ساعت :
07:32:00 PM
- بازدید :
148
- پاسخ :
2
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
166
- پاسخ :
3
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
324
- پاسخ :
0
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1154
- پاسخ :
1
|
تاریخ :
1398/08/06
- ساعت :
03:57:00 PM
- بازدید :
7418
- پاسخ :
2
|
تاریخ :
1402/12/12
- ساعت :
03:20:00 PM
- بازدید :
222
- پاسخ :
1
|
تاریخ :
1402/12/10
- ساعت :
03:35:00 PM
- بازدید :
207
- پاسخ :
1
|
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2227
- پاسخ :
2
|
تاریخ :
1402/01/26
- ساعت :
03:38:00 PM
- بازدید :
911
- پاسخ :
1
|
تاریخ :
1402/11/13
- ساعت :
12:48:00 AM
- بازدید :
470
- پاسخ :
4
|
تاریخ :
1403/02/03
- ساعت :
10:23:00 PM
- بازدید :
75
- پاسخ :
1
|
تاریخ :
1403/01/29
- ساعت :
08:08:00 AM
- بازدید :
96
- پاسخ :
1
|
تاریخ :
1403/01/25
- ساعت :
06:46:00 PM
- بازدید :
102
- پاسخ :
1
|
تاریخ :
1403/01/12
- ساعت :
05:36:00 PM
- بازدید :
125
- پاسخ :
1
|
تاریخ :
1403/01/20
- ساعت :
07:32:00 PM
- بازدید :
148
- پاسخ :
2
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
166
- پاسخ :
3
|
تاریخ :
1403/01/15
- ساعت :
04:12:00 PM
- بازدید :
181
- پاسخ :
2
|
تاریخ :
1403/01/19
- ساعت :
03:06:00 PM
- بازدید :
105
- پاسخ :
1
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
267
- پاسخ :
0
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
324
- پاسخ :
0
|