使用php中的javascript在日期字段中添加斜杠(' /')

时间:2016-02-10 08:45:14

标签: javascript php

我有这个文本框:

<td width="10%"><input name="date" type="text" size=11 maxlength=10 /></td>

在字段中键入日期时,必须在其中添加正斜杠,如09/02/2016

3 个答案:

答案 0 :(得分:1)

您可以使用JS OR jQuery在PHP中执行相同的功能。

替换

<input name="date" type="text" size=11 maxlength=10 />

<!-- SET type="date" -->
<input type="date" name="date">

jQuery 代码: -

//Put our input DOM element into a jQuery Object
var $jqDate = jQuery('input[name="date"]');

//Bind keyup/keydown to the input
$jqDate.bind('keyup','keydown', function(e){

  //To accomdate for backspacing, we detect which key was pressed - if backspace, do nothing:
    if(e.which !== 8) { 
        var numChars = $jqDate.val().length;
        if(numChars === 2 || numChars === 5){
            var thisVal = $jqDate.val();
            thisVal += '/';
            $jqDate.val(thisVal);
        }
  }
});

希望它会对你有所帮助:)。

答案 1 :(得分:0)

这个很痒!这就是我如何工作,虽然它不完整,因为您需要检查何时删除一个数字

<input type="hidden" id='counter' value='0'>
<input name="date" id='date' type="text" size=11 maxlength=10 onkeydown="doDate()"/>

<script>
function doDate(){

var dateSoFar = document.getElementById("date");
var counter = parseInt(document.getElementById("counter").value);

counter = counter+1;

document.getElementById("counter").value = counter;

if(counter == 3 || counter == 5 )

document.getElementById("date").value = document.getElementById("date").value + '/';
}

</script>

答案 2 :(得分:0)

试试这个,

    <input name="date" id='date' type="text" size=11 maxlength=10 onkeydown="updateDate()"/>

<script>
function updateDate(){
var dateSoFar = document.getElementById("date");
var counter = dateSoFar.value.length;
if(counter == 2 || counter == 5 )
 document.getElementById("date").value = document.getElementById("date").value + '/';
}
</script>