如何使用波斯语日期选择器添加功能？

Question

在我的 laravel 项目中，我使用波斯日期选择器，并且在添加功能时遇到问题。

new persianDate().add(String, Number);

我的问题是，在这个函数中，返回日期是从今天的日期计算的，而我想自己定义初始日期。 例如，我有一个开始日期和截止日期，并且我想计算完成日期。 我正在等待指导。

 <script>
$('#deadline').change(function() {
var dval =parseInt($('#deadline').val());
var startdate=document.getElementById("startdate").value;
                                                  
var inputF = document.getElementById("enddate"); 
edate=new persianDate().format();

edate=new persianDate().add('days', dval).format('YYYY/MM/DD');

inputF.value = edate; 
 });
</script>

Answer 1

注意：由于缺少库，这在这里不起作用，但这应该可以。

• 您似乎正在使用 jQuery 作为更改事件处理程序，因此我添加它只是为了匹配您的。
• 由于

  this

  是函数内的截止日期元素，我们可以使用

  this.value

  来实现。
• 然后您将获得

  startdate

  元素值，但是我将其包装在

  new Date()

中

$('#deadline').on('change', function(event) {
  const dval = parseInt(this.value);
  const startdate = new Date(document.getElementById("startdate").value);
  const inputF = document.getElementById("enddate");
  const edate = new persianDate(startdate).add('days', dval).format('YYYY/MM/DD');
  inputF.value = edate;
});

body {
  display: grid;
  place-items: center;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label>Start Date:</label>
<input id="startdate" type="date" lang="fa" />
<label>Deadline days:</label>
<input id="deadline" type="number" lang="fa" />
<label>End Date:</label>
<input id="enddate" type="date" />