作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。
想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。
4 个月前关闭。
Improve this question
我正在使用 bootstrap 日期选择器,但不幸的是它不支持 jalali 日历。我在谷歌上搜索了它的转换,但我没有找到任何有用的东西。所以我需要更改日期选择器并像下图一样自定义它。
最佳答案
下载文件 zip persian-datepicker persian-datepicker
然后添加
在文件 zip 中,示例代码可用
<script type="text/javascript" src="../lib/jquery.js"></script>
<link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../lib/bootstrap/js/bootstrap.min.js"></script>
<link href="css/persian-datepicker-0.4.5.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../lib/persian-date.js"></script>
<script type="text/javascript" src="js/persian-datepicker-0.4.5.min.js"></script>
<div class="form-group col-xs-6">
<label>Select Date</label>
<input id="observer" type="text" class="form-control"/>
</div>
<div class="form-group col-xs-6">
<div id="inlineDatepicker" data-date="2016/12/13 12:20" class="col-xs-12"> </div>
<div class="col-xs-12">
<input id="inlineDatepickerAlt" type="text" class="form-control"/>
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#observer").persianDatepicker({
altField: '#observer',
altFormat: "YYYY MM DD HH:mm:ss",
observer: true,
format: 'YYYY/MM/DD HH:mm:ss',
timePicker: {
enabled: true
},
});
//inline datepicker
$("#observer").css( "z-index", "1000" );
window.pd = $("#inlineDatepicker").persianDatepicker({
timePicker: {
enabled: true
},
altField: '#inlineDatepickerAlt',
altFormat: "YYYY/MM/DD HH:mm",
checkDate: function (unix) {
var output = true;
var d = new persianDate(unix);
if (d.date() == 20) {
output = false;
}
return output;
},
checkMonth: function (month) {
var output = true;
if (month == 1) {
output = false;
}
return output;
}, checkYear: function (year) {
var output = true;
if (year == 1396) {
output = false;
}
return output;
}
}).data('datepicker');
$("#inlineDatepicker").pDatepicker("setDate", [1391, 12, 1, 11, 14]);
});
</script>
$("#observer").persianDatepicker({
altField: '#observer',
altFormat: "YYYY MM DD",
observer: true,
format: 'YYYY/MM/DD',
});
关于twitter-bootstrap-3 - 如何将引导日期选择器日期更改为 jalali 日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26129995/
我是一名优秀的程序员,十分优秀!