我正在尝试在jQuery中创建一个简单的日历。我希望用户选择一些日期,然后我必须在服务器上执行一些操作 - php端。我希望以某种格式传递所选日期,例如" dd / mm / yyyy"从JS到php。你能帮我找一些办法吗?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="css/ion.calendar.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="datum"></div>
<div id="result">...</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/ion.calendar.js"></script>
<script>
$(function(){
$("#datum").ionCalendar({
lang: "sk",
years: "2000-2050",
sundayFirst: false,
onClick: function(date){
$("#result").html(date);
});
});
</script>
<?php
//there i want to handle the date I selected
?>
</body>
</html>
感谢您的建议。
答案 0 :(得分:0)
Ion Calendar具有format
配置。
要将日期传递给PHP,您必须提交表单或发出ajax请求。
$("#datum").ionCalendar({
format: 'DD/MM/YYYY',
lang: "sk",
years: "2000-2050",
sundayFirst: false,
onClick: function(date) {
// Form field
$("#input").val(date);
// Ajax request
$.post('localhost/send/date', date);
}
});
答案 1 :(得分:0)
在某些时候,我使用JQuery日历,现在我只能想象两种方法。
将JQuery日历的选定日期放入&#39;输入&#39;的值中。您要提交的表单中的字段。我通常会为此目的使用隐藏输入,但如果需要,您可以让输入可见。之后,在提交过程中,解析数据&#39;来自输入的用户选择的日期。
将Ajax用于某个端点。
我很确定JQuery日历可以选择自定义其选择值的数据格式,但是如果它没有选项,我建议解析输入和#39;数据&#39 ;.然后,如果要实时更改所选值,请使用Jquery的onChange()方法绑定/侦听输入中的任何更改。