如何在单击第二个输入日期选择器时获取两个 jalali 日期(persianDatepicker)之间的日期差异?

问题描述 投票:0回答:1

我使用这个 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>
javascript html datetime jalali-calendar
1个回答
0
投票

我更换了插件,这是我的答案

github.com/majidh1/JalaliDatePicker/issues/114

© www.soinside.com 2019 - 2024. All rights reserved.