Javascript ar end要弹出，请删除： cal_end.showCalendar();_Javascript_Php_Html_Date_Textbox

Javascript ar end要弹出，请删除： cal_end.showCalendar();

javascript php html date

Javascript ar end要弹出，请删除： cal_end.showCalendar();,javascript,php,html,date,textbox,Javascript,Php,Html,Date,Textbox,根据问题文本中您的陈述“[…]通过jquery日期选择器[…]”的原始答案 jQuery UI变量：使用onSelect事件 : 您也可以在元素上添加for change event，但不确定这对用户有多友好。您可以发布您尝试过的代码吗？我可以，但这是一个非常复杂的日历系统，阅读起来会非常分散注意力。您的第二段非常混乱。请说清楚。进一步解释你的问题，你到底想用TextBoxes做什么？你可以发布你尝试过的代码吗？我可以，但这是一个非常复杂的日历系统，读起来会很分散注意力。你的第二段很混乱。请说

根据问题文本中您的陈述“[…]通过jquery日期选择器[…]”的原始答案

jQuery UI变量：

使用

onSelect

事件

您也可以在元素上添加for change event，但不确定这对用户有多友好。

您可以发布您尝试过的代码吗？我可以，但这是一个非常复杂的日历系统，阅读起来会非常分散注意力。您的第二段非常混乱。请说清楚。进一步解释你的问题，你到底想用TextBoxes做什么？你可以发布你尝试过的代码吗？我可以，但这是一个非常复杂的日历系统，读起来会很分散注意力。你的第二段很混乱。请说清楚。进一步解释你的问题，你到底想用TextBoxes做什么？你可以发布你尝试过的代码吗？我可以，但这是一个非常复杂的日历系统，读起来会很分散注意力。你的第二段很混乱。请说清楚。进一步解释你的问题，你到底想用TextBoxes做什么？你可以发布你尝试过的代码吗？我可以，但这是一个非常复杂的日历系统，读起来会很分散注意力。你的第二段很混乱。请说清楚。进一步解释你的问题，你到底想用TextBoxes做什么我有这个，但当文本更改时它没有做任何事情。id确实将TextBoxe2和1更改为propper名称使用浏览器中的inspect元素并获取id，它可能会改变，但当文本改变时它不会做任何事情，id也会将textbox2和1更改为propper名称使用浏览器中的inspect元素并获取id，它可能会改变，但当文本改变时它不会做任何事情，id也会将textbox2和1更改为propper名称使用浏览器中的inspect元素并获取id，它会改变我有这个，但它没有做任何事情，当文本改变时，id也会改变textbox2和1到propper名称使用浏览器中的inspect元素并获取id，它会改变我需要的内容，但我没有使用与您相同的日期选择器。@PieterdeVries:啊，我明白了。是这个吗@PieterdeVries:添加了一个可能适合您的更新。这正是我需要的，但我没有使用与您相同的日期选择器。@PieterdeVries:啊，我明白了。是这个吗@PieterdeVries:添加了一个可能适合您的更新。这正是我需要的，但我没有使用与您相同的日期选择器。@PieterdeVries:啊，我明白了。是这个吗@PieterdeVries:添加了一个可能适合您的更新。这正是我需要的，但我没有使用与您相同的日期选择器。@PieterdeVries:啊，我明白了。是这个吗@PieterdeVries：添加了一个可能适合您的更新。

  <script>
    function myfunction()
    {

    document.getElementById("text2").value=document.getElementById("text1").value;
}   
 </script>

<input type="text" name="startdate" id="text1" onchange="myfunction()"/>
<input type="text" name="enddate" id="text2" />

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>jQuery UI Datepicker - Select a Date Range</title>
        <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
        <script src="//code.jquery.com/jquery-1.9.1.js"></script>
        <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <script>
            $(function() {
                $("#fromdate").datepicker({
                    onSelect: function() {
                        $(this).change();
                    }
                });
                $("#fromdate").change(function (){
                    var val=$("#fromdate").val();
                    $("#todate").val(val);
                });
            });
        </script>
    </head>
    <body>
        <label for="from">From</label>
        <input type="text" id="fromdate" name="from">
        <label for="to">to</label>
        <input type="text" id="todate" name="to">


    </body>
</html>

window.onload = function(){
    var cal_start = new JsDatePick({
        useMode:2,
        target:"date_start",
        dateFormat:"%m/%d/%Y"
    });

    var cal_end = new JsDatePick({
        useMode:2,
        target:"date_end",
        dateFormat:"%m/%d/%Y"
    });
    cal_start.addOnSelectedDelegate(function(){
        document.getElementById('date_end').value = cal_start.getSelectedDayFormatted();
        cal_end.showCalendar();
    });
};

cal_end.showCalendar();

$(function() {
    $("#date_start").datepicker({
        onSelect: function(d) {
            $("#date_end").val(d);
        }
    });
    $("#date_end").datepicker();
});