在日期的一位数字值的开头添加一个0位数

时间:2018-11-02 11:22:06

标签: javascript jquery jquery-ui

在这里,我想在输入时更改日期格式,当我输入1/1/2018时,输入时它必须更改为01/01/2018,而每次输入时都必须在日期中添加0 m给出'/'字符。 这是更改单击功能的第一个值的代码,我想在键入“ /”区分日期和月份时使它具有反应性。 这是小提琴http://jsfiddle.net/manseuk/qpdVU/

    $('#date').blur(function () {
            var collector = $('#date').val();
            collector = collector.split("/");
            if (collector[0].length != 2) {
                if (collector[0].length == 1) {
                    collector[0] = "0" + collector[0];
                }
            }

    $('#date').val(collector.join('/'));
});

Date: <input type="text" id="date" name="date" />

1 个答案:

答案 0 :(得分:0)

您可以使用new Date()检查无效日期,然后添加0以使日期以您想要的方式显示。

$('#date').blur(function() {
  var collector = $('#date').val();
  if (new Date(collector).toString() === 'Invalid Date') {
    alert('Date is not entered properly');
  }
  collector = collector.split("/");
  if (collector[0].length == 1) {
    collector[0] = "0" + collector[0];
  }
  if (collector[1].length == 1) {
    collector[1] = "0" + collector[1];
  }
  $('#date').val(collector.join('/'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="date" name="date" />