问jquery datepicker获取日期(第2部分)
EN

Stack Overflow用户

提问于 2015-12-08 15:22:18

回答 1查看 174关注 0票数 1

jquery datepicker set end date value blank上的Cont

我的代码：

<html>
<head>   
<link rel="stylesheet" href="js/jquery-ui-themes-1.11.1/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.1/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#datepicker1").datepicker({
        dateFormat: 'dd-mm-yy',
        onSelect: function(selected){
            $("#datepicker2").datepicker("option", "minDate", selected);
        }
    });

    $("#datepicker2").datepicker({
        dateFormat: 'dd-mm-yy'
    });

    $("#datepicker1").focusout(function(){
        $('#datepicker2').val('');
    });

    $('#reset').click(function(){
        $('#datepicker2').datepicker("option", "minDate", null);
    });
});
</script>
</head>

<body>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<table>
    <tr>
        <td>Start Date : </td>
        <td><input type="text" name="startdate" id="datepicker1" /></td>
    </tr>
    <tr>
        <td>End Date : </td>
        <td><input type="text" name="enddate" id="datepicker2" /></td>
    </tr>
    <tr>
        <td>
            <input type="submit" id="submit" name="submit" value="Add" />
            <input type="reset" id="reset" name="reset" value="Reset" /> 
        </td>
</tr>
</table>
</form>
</body>
</html>

我想从文本字段中获取开始日期和结束日期值。之后，我想执行以下操作：

开始日期值为空=>显示“您必须选择开始日期”消息
结束日期值为空=>显示“您必须选择结束日期”消息

这是我尝试过的逻辑：

var startdate = $('#datepicker1').val(); //start date text field
var enddate = $('#datepicket2').val(); //end date text field

if(startdate == '')
    alert("You must select start date");

if(enddate == '')
    alert("You must select end date");

但是我不知道在我的代码中应该把它们放在哪里。有人能帮我吗？

jquery

html

javascript

php

云点播特惠1元起

提供制作上传、存储、转码、媒体处理、媒体 AI、加速分发播放、版权保护等一体化的高品质媒体服务

回答 1

Stack Overflow用户

发布于 2015-12-08 15:44:53

您应该添加一个函数来调用提交按钮的onclick事件：

 <td>
<input type="submit" id="submit" name="submit" value="Add" onclick="return CheckFields();" />
 <input type="reset" id="reset" name="reset" value="Reset" /> 
</td>

然后创建一个包含该代码的函数：

function CheckFields()
{
  var startdate = $('#datepicker1').val(); //start date text field
  var enddate = $('#datepicket2').val(); //end date text field

  if(startdate == '')
  {
      alert("You must select start date");
      return false;
  }

  if(enddate == '')
  {
      alert("You must select end date");
      return false;
  }

  return true;
}