سلام من تمام مراحل پیاده سازی افزودن تاریخ شمسی رو رفتم ولی اگر تصویر رو ببینید پلاگین درست عمل نمیکنه مشکل کجاست ؟
<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 هم استفاده کنید.
تاریخ :
1404/04/24
- ساعت :
09:20:00 PM
- بازدید :
4
- پاسخ :
0
|
تاریخ :
1404/04/24
- ساعت :
05:27:00 PM
- بازدید :
19
- پاسخ :
0
|
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2711
- پاسخ :
1
|
تاریخ :
1404/04/16
- ساعت :
06:22:00 PM
- بازدید :
51
- پاسخ :
1
|
تاریخ :
1404/04/12
- ساعت :
01:15:00 PM
- بازدید :
70
- پاسخ :
1
|
تاریخ :
1399/12/17
- ساعت :
02:47:00 PM
- بازدید :
8078
- پاسخ :
4
|
تاریخ :
1404/04/04
- ساعت :
03:35:00 PM
- بازدید :
87
- پاسخ :
1
|
تاریخ :
1399/07/29
- ساعت :
05:26:00 PM
- بازدید :
9039
- پاسخ :
1
|
تاریخ :
1404/03/22
- ساعت :
11:17:00 PM
- بازدید :
170
- پاسخ :
2
|
تاریخ :
1404/03/20
- ساعت :
01:31:00 PM
- بازدید :
84
- پاسخ :
1
|
تاریخ :
1404/04/24
- ساعت :
09:20:00 PM
- بازدید :
4
- پاسخ :
0
|
تاریخ :
1404/04/24
- ساعت :
08:18:00 PM
- بازدید :
6
- پاسخ :
0
|
تاریخ :
1404/04/24
- ساعت :
05:27:00 PM
- بازدید :
19
- پاسخ :
0
|
تاریخ :
1404/04/20
- ساعت :
12:20:00 PM
- بازدید :
80
- پاسخ :
1
|
تاریخ :
1398/09/08
- ساعت :
11:21:00 PM
- بازدید :
5180
- پاسخ :
3
|
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2711
- پاسخ :
1
|
تاریخ :
1404/04/16
- ساعت :
05:27:00 PM
- بازدید :
79
- پاسخ :
1
|
تاریخ :
1404/04/16
- ساعت :
06:22:00 PM
- بازدید :
51
- پاسخ :
1
|
تاریخ :
1404/03/22
- ساعت :
06:32:00 PM
- بازدید :
132
- پاسخ :
0
|
تاریخ :
1404/04/12
- ساعت :
01:15:00 PM
- بازدید :
70
- پاسخ :
1
|