jQuery easyui で datetimebox を使用して 2 つの日付間の日数を取得する方法-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

jQuery easyui で datetimebox を使用して 2 つの日付間の日数を取得する方法

Jan 10, 2018 am 09:16 AM

easyui jquery

この記事では、jQueryeasyui で datetimebox を使用して 2 つの日付の間の日数を取得する方法を主に紹介します。必要な方はぜひ参考にしてください。

機能要件は次のとおりです:

1) datetimebox 日付コントロールを使用し、開始日 startdate、終了日 Leavedate を選択し、2 日の間の日数 numdays を見つけます。

2) 日数 x 補助金= 一括費用; (numdays * 許容値 = def11 )

以下はレンダリングです:

1. フォームフォーム: 開始時刻と終了時刻の両方でコストを計算します

。

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

ログイン後にコピー

次はアプリケーションです (注意が必要な詳細):

関連する推奨事項:

jQuery EasyUI API 中国語ドキュメント DateTimeBox 日付時刻 box_jquery

詳しい説明EasyUIのdataGridのインライン編集例

easyuiチェックボックスについていくつかの操作のまとめ

以上がjQuery easyui で datetimebox を使用して 2 つの日付間の日数を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。