javascript - 如何让日历始终在页面中可见,并将所选日期作为另一种方法的参数

标签 javascript html calendar

我遇到了一个问题,当页面加载并选择日期并将其分配给变量时,在哪里显示日历。选择日期后不应隐藏日历,因为用户可以根据需要选择其他日期。

这是我的 html :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Date</title>
<script type="text/javascript" src="cal.js"></script>

</head>
<body>
 <td width="65%" colspan="2" class="textfieldalign">                                                        
<input type="hidden" name="regddate" id="regddate" maxlength="10" >
<div id="datePi" ></div>
</td>
</body>
<script>

onLoadInitCalendar();
function onLoadInitCalendar(){     
scwShow(document.getElementById('datePi'),'onClick','');return false;
}

</script>     
</html>

我已经使用了 cal.js 我无法通过这里的代码。

这是日历的外观示例。 enter image description here

最佳答案

你需要看看inline日期选择器

Eg: Assign it on a div :


$(function() {
    $( "#datepicker" ).datepicker( {
        dateFormat: "dd/mm/yy",
        onSelect: function(date, picker){
            funcCall(date);  //call you function here
        }
    });
});
function funcCall (date){
    alert('your function called with date= '+date);
}

Fiddle

关于javascript - 如何让日历始终在页面中可见,并将所选日期作为另一种方法的参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14151829/

相关文章:

javascript - 从元素列表中获取每个控件的值?

javascript - 当只调用一次 emit 时,自定义事件被多次触发

html - 页面扩展到 HTML 标签之外

ios - Swift:从 EKEventStore 获取到 tableView 数据后对 EKEvents 进行日期排序

android - 下载适用于 Android 的 Google 日历数据 API Atom XML 示例时出现问题

javascript - 具有过滤值的 jQuery 目标选择器属性并添加新类

Javascript 和 Wordpress : Functions. php 用于子主题更改 JS 文件上的值

html - 边界有问题

html - 如何删除内联/内联 block 元素之间的空间?

android - 如何在我的 Android 应用程序中获取日历页面?