In diesem Artikel wird hauptsächlich die Verwendung von datetimebox in jQueryeasyui vorgestellt, um die Anzahl der Tage zwischen zwei Daten zu ermitteln. Ich hoffe, es kann jedem helfen.
Die funktionalen Anforderungen lauten wie folgt:
1) Verwenden Sie die Datumssteuerung datetimebox, wählen Sie das Startdatum (Startdatum) und das Enddatum (Leavedate) aus und ermitteln Sie dann die Anzahl der Tage zwischen den beiden Tagen ;
2) Anzahl der Tage x Zuschuss = Pauschalbetrag; (Anzahl Tage * Zuschuss = def11 )
Das Folgende ist die Darstellung:

1. Formularform: Startzeit, Beide Endzeiten verwenden das onChange-Ereignis
1 2 3 4 5 6 7 8 9 10 11 12 | <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>
|
Nach dem Login kopieren
2. Berechnen Sie die Anzahl der Tage im Abstand
1 2 3 4 5 6 7 8 9 10 11 12 13 | function onSelectT(d) {
var sd = $('#startdate').datebox('getValue').replace(/-/g, '/'), ed = $('#leavedate').datebox('getValue').replace(/-/g, '/');
if (sd != '' && ed != '') {
if (sd > ed) {
$.messager.alert('警告','结束时间要 大于 开始时间','warning');
} else {
var totalMS = new Date (ed).getTime() - new Date (sd).getTime();
day = Math. ceil (totalMS / 1000 / 24 / 60 / 60);
$( "#numdays" ).numberbox( "setValue" , day);
}
}
}
|
Nach dem Login kopieren
3. Berechnen Sie die Kosten
1 2 3 4 5 6 7 8 9 10 | $( function () {
$( "input" ,$( "#allowance" ).next( "span" )).blur( function (){
var adays =$( "#numdays" ).numberbox('getValue');
var abz =$( "#allowance" ).numberbox('getValue');
var abaogan = adays * abz;
$( "#def11" ).numberbox('setValue', abaogan);
});
})
|
Nach dem Login kopieren
Der Nächste ist die Anwendung (einige Details, die Aufmerksamkeit erfordern):
( 1) Definieren Sie die globale Variable Tag
var day = 0;//Der Standardwert ist day = 0
( 2) Methode hinzufügen ();
Verwandte Empfehlungen:
1 2 3 4 5 6 7 8 9 10 11 12 | function addMethod() {
initialise();
onSelectT();
day = 0;
<span style= "white-space:pre" > </span>替代 .form( "clear" );
$('#editWindow').dialog('open').dialog('center').dialog('setTitle', '添加派遣单信息');
$('#eidtform').form( "clear" );
$( "#allowance" ).numberbox( "setValue" , 0);
$( "#numdays" ).numberbox( "setValue" , 0);
$( "#def11" ).numberbox( "setValue" , 0);
$('#editWindow').window( "open" );
}
|
Nach dem Login kopieren
jQuery EasyUI API Chinese Document DateTimeBox date time box_jquery
Detaillierte Erklärung von Inline Bearbeiten von Beispielen für dataGrid in EasyUI
Einige Zusammenfassung der Funktionsweise des EasyUI-Kontrollkästchens
Das obige ist der detaillierte Inhalt vonSo verwenden Sie datetimebox in jQuery easyui, um die Anzahl der Tage zwischen zwei Daten zu ermitteln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!