Comment utiliser datetimebox dans jQuery easyui pour obtenir le nombre de jours entre deux dates-js tutoriel-php.cn

Comment utiliser datetimebox dans jQuery easyui pour obtenir le nombre de jours entre deux dates

小云云

Libérer： 2018-01-10 09:16:03

original

1625 Les gens l'ont consulté

Cet article présente principalement l'utilisation de datetimebox dans jQueryeasyui pour obtenir le nombre de jours entre deux dates. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Les exigences fonctionnelles sont les suivantes :

1) Utilisez le contrôle de date datetimebox, sélectionnez la date de début, la date de fin, la date de départ, puis recherchez le nombre de jours numdays entre les deux jours. ;

2) Nombre de jours x subvention = forfait forfaitaire (numdays * allocation = def11 )

Voici le rendu :

1. Formulaire : heure de début, les deux heures de fin utilisent l'événement onChange

<td>派遣时间:</td> 
<td><input class="easyui-datetimebox" id="startdate" name="startdate" data-options="onChange:onSelectT" /></input></td> 
<td>离开客户处时间:</td> 
<td><input class="easyui-datetimebox" id="leavedate" name="leavedate" data-options="onChange:onSelectT" /></input></td> 
<td>售后所用天数:</td> 
<td><input class="easyui-numberbox" id="numdays" name="numdays" data-options="onChange:onSelectT" 
  precision="0" min="0" readonly ="readonly"/></input> 
</td> 
  <td>补助:</td> 
<td><input name="allowance" id="allowance" class="easyui-numberbox" precision="0" min="0"></td> 
<td>包干费用:</td> 
<td><input name="def11" id="def11" class="easyui-numberbox" precision="0" min="0" readonly ="readonly"></td>

Copier après la connexion

2. Calculez le nombre de jours d'intervalle

//计算日期方法: 
function onSelectT(d) { 
   var sd = $(&#39;#startdate&#39;).datebox(&#39;getValue&#39;).replace(/-/g, &#39;/&#39;), ed = $(&#39;#leavedate&#39;).datebox(&#39;getValue&#39;).replace(/-/g, &#39;/&#39;); 
   if (sd != &#39;&#39; && ed != &#39;&#39;) { 
    if (sd > ed) { 
    $.messager.alert(&#39;警告&#39;,&#39;结束时间要 大于 开始时间&#39;,&#39;warning&#39;); 
     } else { 
     var totalMS = new Date(ed).getTime() - new Date(sd).getTime();//得到相差的毫秒数 
      day = Math.ceil(totalMS / 1000 / 24 / 60 / 60);//得到相差天数，不满一天不算一天将Math.ceil改为Math.floor 
      $("#numdays").numberbox("setValue", day); //所用天数 */ 
      } 
   } 
   }

Copier après la connexion

3 Calculer le coût

$(function() { 
    
 //(根据 售后天数 *补助)计算包干费用 
 $("input",$("#allowance").next("span")).blur(function(){//鼠标离开 &#39;补助&#39; 栏后,触发 
 var adays =$("#numdays").numberbox(&#39;getValue&#39;);//天数 
 var abz =$("#allowance").numberbox(&#39;getValue&#39;);//补助 
 var abaogan = adays * abz;//(售后天数*补助=包干费用) 
 $("#def11").numberbox(&#39;setValue&#39;, abaogan);//包干费用 
 }); 
  }）

Copier après la connexion

Vient ensuite. l'application (quelques détails qui nécessitent une attention particulière) :

( 1) Définir la variable globale day

var day = 0;//La valeur par défaut est day = 0

( 2) Ajouter une méthode ();

Recommandations associées :

function addMethod() { 
  initialise(); //调用初始化函数 
  onSelectT();//计算相隔时间天数 
  day = 0;// .form("clear");方法不能成功清除上次缓存。所以在添加方法中重新声明 day = 0,作用是第二次点击添加时，将上次的天数重置为 0 天， 
<span style="white-space:pre"> </span>替代 .form("clear"); 
   $(&#39;#editWindow&#39;).dialog(&#39;open&#39;).dialog(&#39;center&#39;).dialog(&#39;setTitle&#39;, &#39;添加派遣单信息&#39;); 
   $(&#39;#eidtform&#39;).form("clear"); 
  $("#allowance").numberbox("setValue", 0); //补助 
  $("#numdays").numberbox("setValue", 0); //添加默认塞值 (所用天数) 
  $("#def11").numberbox("setValue", 0); //包干费用 
  $(&#39;#editWindow&#39;).window("open"); 
 }

Copier après la connexion

API jQuery EasyUI Document chinois DateTimeBox date time box_jquery

Explication détaillée de l'inline exemples d'édition de dataGrid dans EasyUI

Quelques résumés opérationnels sur la case à cocher easyui

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!