Question

我只是将date-picker设置为使用今天的日期自动填充其输入字段。通常，用户必须通过submit键选择他们自己的日期和enter他们的选择，或者我认为，在我的情况下，任何键都可以这样做。

无论如何都要自动执行此操作？由于该字段已预先填充，因此我希望今天的日期结果自动显示在页面加载上，而无需用户接受已预先填充到该字段中的日期（今天）。

这是我的代码，如果它有用：

<script>
function displayResult() {
    var k;
    if (window.event) // IE8 and earlier
    {
        k = event.keyCode;
    } else if (event.which) // IE9/Firefox/Chrome/Opera/Safari
    {
        k = event.which;
    }
    if (k == 13) //13 = 'Enter' key
    {
        var dt = $("#datepicker").val();
        //alert(dt);
        if (dt != '') {
            $.ajax({
                type: "POST",
                url: "search_date.php",
                data: "dt=" + dt,
                success: function (option) {
                    $("#results").html(option).listview("refresh");
                }
            });
        } else {
            $("#results").html("");
        }
        return false;
    }
}
</script>
<script type="text/javascript">
$(function () {
    $("#datepicker").datepicker();
    $("#datepicker").datepicker("setDate", new Date());
    $('#datepicker').datepicker({
        inline: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        showAnim: "slideDown",
        changeMonth: true,
        showOtherMonths: true,
        selectOtherMonths: true,
        onSelect: function (dateText, inst) {
            //alert($('#datepicker').datepicker( "getDate" ))
            //alert("dateText: " + dateText + ", inst: " + inst);
            var dt = dateText;

            if (dt != '') {
                $.ajax({
                    type: "POST",
                    url: "search_date.php",
                    data: "dt=" + dt,
                    success: function (option) {
                        $("#results").html(option).listview("refresh");
                    }
                });
            } else {
                $("#results").html("");
            }
            return false;
        }
    });
$('body').ready(function(){
var dt = $("#datepicker").val();
//alert(dt);
if(dt != '')
 {
  $.ajax
  ({
        type: "POST",
        url: "search_date.php",
        data: "dt="+ dt,
        success: function(option)
        {
          $("#results").html(option).listview("refresh");
        }
  });
 }
 else
 {
   $("#results").html("");
 }
return false;
});
</script>

Answer 1

$('body').ready(function(){
    var dt = $("#datepicker").val();
    //alert(dt);
    if(dt != '')
     {
      $.ajax
      ({
            type: "POST",
            url: "search_date.php",
            data: "dt="+ dt,
            success: function(option)
            {
              $("#results").html(option).listview("refresh");
            }
      });
     }
     else
     {
       $("#results").html("");
     }
    return false;
});

接受预先填充的表单字段输入

1 个答案: