如何将弹出窗口中的选定日期显示为所选ID

时间:2012-05-25 15:57:06

标签: javascript jquery

在我的项目中,我有一个要求,比如Date应显示上一个和下一个链接,并且在下一个链接旁边有弹出式jquery日历来选择特定日期。我已经实现如下

<script>
    function ShowSchedule() {
        document.getElementById("today").innerHTML = date;
    }

    function ShowDay(isNextDay) {
        if (isNextDay) {
            currentTime = new Date(currentTime.getFullYear(), month, currentTime.getDate() + 1);
            date = month_name[currentTime.getMonth()] + " " + currentTime.getDate() + ", " + currentTime.getFullYear();
            ShowSchedule();
        }
        else {
            currentTime = new Date(currentTime.getFullYear(), month, currentTime.getDate() - 1);
            date = month_name[currentTime.getMonth()] + " " + currentTime.getDate() + ", " + currentTime.getFullYear();
            ShowSchedule();
        }
    }

    $(function() {
        $('#tday').datepick({
            changeMonth: false,
            dateFormat: 'M dd, yyyy',
            showTrigger: '#calImg'
        });
    });
</script>

<body>
    <form>
        <div>
            <a id="prev" href="#" onClick="ShowDay(false)">Prev</a>
            <span id="today">
            </span>
            <a id="next" href="#" onClick="ShowDay(true)">Next</a>
            <input id="tday" />
        </div>
        <script>
            ShowSchedule();
        </script>
    </form>
</body>

通过使用上面的代码,我可以显示当前系统日期以及上一个和下一个链接以及日历弹出窗口。但问题是从弹出日历中选择日期后我需要显示所选日期当前日期位置。即例如今天日期是2012年5月25日,如果用户选择日期为2012年5月20日,那么所选日期应显示在2012年5月25日的地方以及上一个和下一个链接

任何帮助将不胜感激

0 个答案:

没有答案