第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

javascript:結(jié)束和開始 DATE 控件

javascript:結(jié)束和開始 DATE 控件

元芳怎么了 2023-05-25 16:25:51
出色地。我的問題是 DATE 控件在從該日歷輸入日期后來自瀏覽器日歷(例如默認的 chrome 日歷),后者的類型為 mm / dd / yyyy 但輸入后我在數(shù)據(jù)庫中找到的數(shù)據(jù)是類型 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>因為它只控制日子,如果你已經(jīng)讀到這里,謝謝
查看完整描述

1 回答

?
Helenr

TA貢獻1780條經(jīng)驗 獲得超4個贊

您好

我的目標是找到一種方法來控制開始和結(jié)束日期,經(jīng)過一些研究我找到了一個解決方案但是使用 jquery 和 jquery-ui 技術(shù)(用戶界面)所以我在以下位置添加了這些 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" 屬性以免觸發(fā)默認瀏覽器日歷,我添加了 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 關注
  • 164 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號