亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

javascript:結束和開始 DATE 控件

javascript:結束和開始 DATE 控件

元芳怎么了 2023-05-25 16:25:51
出色地。我的問題是 DATE 控件在從該日歷輸入日期后來自瀏覽器日歷(例如默認的 chrome 日歷),后者的類型為 mm / dd / yyyy 但輸入后我在數據庫中找到的數據是類型 yyyy / mm / dd 這里是我的 html 表單的代碼: <form  name=formu action="ajouter_semestre.php"  method="POST">  <input type="date" placeholder="date debut semestre" value="<?php if (isset($_POST['date_debut_sem'])){echo $_POST['date_debut_sem'];} ?>" maxlength="10" name="date_debut_sem" id="date_debut_sem" required><br><input type="date" placeholder="date  Fin du semestre" value="<?php if (isset($_POST['date_fin_sem'])){echo $_POST['date_fin_sem'];} ?>" maxlength="10" name="date_fin_sem" id="date_fin_sem" required><br></form>這是我的 js 控制器腳本 <script>  with(document.formu) {    onsubmit = function() {      tabdeb = (date_debut_sem.value.split(/[- //]/));      tabfin = (date_fin_sem.value.split(/[- //]/));      Odeb = new Date(tabdeb[2],tabdeb[1],tabdeb[0]);      Ofin = new Date(tabfin[2],tabfin[1],tabfin[0]);      if(Odeb > Ofin) {        alert('date fin du semestre doit etre superieure a la date du debut')        date_debut_sem.focus(); date_fin_sem.style.backgroundColor='#F00';        return false      };    };  };</script>因為它只控制日子,如果你已經讀到這里,謝謝
查看完整描述

1 回答

?
Helenr

TA貢獻1780條經驗 獲得超4個贊

您好

我的目標是找到一種方法來控制開始和結束日期,經過一些研究我找到了一個解決方案但是使用 jquery 和 jquery-ui 技術(用戶界面)所以我在以下位置添加了這些 CDN 鏈接:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<link rel="stylesheet" >

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

然后我完全刪除了 type = "date" 屬性以免觸發默認瀏覽器日歷,我添加了 readonly = "readonly" 屬性以便用戶無法手動輸入


這是我的表格:


<form? name=formu action="ajouter_semestre.php"? method="POST">

<input readonly="readonly" placeholder="date debut semestre" value="<?php if (isset($_POST['date_debut_sem'])){echo $_POST['date_debut_sem'];} ?>" maxlength="10" name="date_debut_sem" id="txtFrom" class="calendrier" required><br>

<input readonly="readonly" placeholder="date? Fin du semestre" value="<?php if (isset($_POST['date_fin_sem'])){echo $_POST['date_fin_sem'];} ?>" maxlength="10" name="date_fin_sem" id="txtTo" class="calendrier" required><br>

最后jquery腳本如下:


<script>

$(function(){

$("#txtFrom").datepicker({

numberOfMonths:1,

dateFormat:'yy/mm/dd',

onSelect:function(selectdate){

var dt = new Date(selectdate);

dt.setDate(dt.getDate()+1)

$("#txtTo").datepicker("option","minDate",dt);

}

});

$("#txtTo").datepicker({

numberOfMonths:1,

dateFormat:'yy/mm/dd',

onSelect:function(selectdate){

var dt = new Date(selectdate);

dt.setDate(dt.getDate()-1)

$("#txtFrom").datepicker("option","maxDate",dt);

}

});

});

</script>

查看完整回答
反對 回復 2023-05-25
  • 1 回答
  • 0 關注
  • 156 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號