我使用这个 https://github.com/behzadi/persianDatepicker 脚本来显示 jalali 日期
我从日期选择器中选择日期1和日期2到我的输入
代码
$(document).ready(function() {
$('.example').persianDatepicker({
format: 'YYYY/MM/DD',
observer: true,
altField: '.observer-example-alt',
autoClose: true,
});
});
html,
body {
font-family: sans-serif;
padding: 0.5rem;
margin: 0;
}
label {
display: block;
margin-top: 0.5rem;
}
<strong>Persian Date Difference</strong>
<label for="start-date">Start Date</label>
<input id="start-date" class="example" name="start-date" />
<label for="stop-date">Stop Date</label>
<input id="end-date" class="example" name="end-date" />
<label for="diff">Difference</label>
<input id="diff" class="diff" name="diff" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!-- https://github.com/behzadi/persianDatepicker -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Behzadi/persianDatepicker/css/persianDatepicker-default.css">
<script src="https://cdn.jsdelivr.net/gh/Behzadi/persianDatepicker/js/persianDatepicker.js"></script>
我希望当我选择日期 1 (id="start-date") 和日期 2 (id="end-date") 时,它将立即在 (id="diff") 中显示两个 jalali 日期之间的差异
例如1
date1= 1403/06/06
date2= 1403/06/06
结果:
1 day
示例2
date1= 1403/06/06
date2= 1403/06/07
结果:
2 days
我没有添加在我的 JavaScript 中添加的内容来获得我的结果
<script>
??????
??????
</script>
我更换了插件,这是我的答案