个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我正在尝试从 jquery 日期选择器的实现中获取日期，将其添加到字符串中并在我的 div 中显示生成的图像。然而有些东西就是不起作用。任何人都可以检查代码并看一下吗？
代码应该从日期选择器中获取日期，将其组合在一个字符串中，该字符串具有显示标签所需的代码，图像位于/image 中，格式为 aYY-MM-DD.png，新到这个日期选择器，还不能完全理解它。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Datepicker
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
inline: true,
minDate: new Date(2010, 1 - 1, 1),
maxDate:new Date(2010, 12 - 1, 31),
altField: '#datepicker_value',
});
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
});
//var img_date = .datepicker('getDate');
var day1 = $("#datepicker").datepicker('getDate').getDate();
var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;
var year1 = $("#datepicker").datepicker('getDate').getFullYear();
var fullDate = year1 + "-" + month1 + "-" + day1;
var str_output = "<h1><center><img src=\"/images/a" + fullDate + ".png\"></center></h1><br/><br>";
page_output.innerHTML = str_output;
// writing the results to the div element (page_out)
</script>
</head>
<body style="background-color:#000;color:#fff;margin: auto auto;">
<!-- Datepicker -->
<div id="datepicker"></div>
<!-- Highlight / Error -->
<p>Date Value: <input type="text" id="datepicker_value" /></p>
<div id="page_output" style="text-align:center; margin-top:80px; margin-bottom:20px; "></div>
</body>
最佳答案
我认为您需要在日期选择器的初始化中添加一个“onSelect”事件处理程序，以便在用户选择日期时触发您的代码。尝试一下jsFiddle
$(document).ready(function(){
// Datepicker
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
inline: true,
minDate: new Date(2010, 1 - 1, 1),
maxDate:new Date(2010, 12 - 1, 31),
altField: '#datepicker_value',
onSelect: function(){
var day1 = $("#datepicker").datepicker('getDate').getDate();
var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;
var year1 = $("#datepicker").datepicker('getDate').getFullYear();
var fullDate = year1 + "-" + month1 + "-" + day1;
var str_output = "<h1><center><img src=\"/images/a" + fullDate +".png\"></center></h1><br/><br>";
$('#page_output').html(str_output);
}
});
});
关于jquery - 使用 Jquery Datepicker 获取日期，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2562986/
26
4
0
我正在尝试使用 720Kb 日期选择器。 https://github.com/720kb/angular-datepicker 使用简单示例时: 我收到打击错误: angular.js:1
我开始使用react-datepicker组件。 https://github.com/Hacker0x01/react-datepicker 我运行了该示例，现在我想对其进行调整，使其没有初始值。示
我正在使用 Angular-ui 日期选择器，除了日期选择器的初始状态外，一切实际上都工作正常。我选择日期后，看起来不错。见下文: 初始状态 在选择器中选择日期后 所以，显然我在第一种情况下得到了日期
我需要为回历日期设置日期选择器。我可以使用 jquery datepicker 或 bootstrap datepicker。但是我写了这段代码
在选择范围时，我遇到了 jquery UI datepicker 的一个奇怪问题。在提出问题之前，我正在研究许多其他人编写的代码。他们以优化的顺序包含了 jquery 工具和 UI，因此所有功能都可以
我有两个剑道 DatePickers 来选择工作的开始和结束日期。作业由多个任务组成，其中包含自己的完成日期(任务在网格中列出，每条记录使用 kendo DatePicker 选择完成日期) 当用户设
我想将功能添加到 Material 日期选择器，以便能够选择周.. 因此，当我从一行中选择一个日期时，我希望它输出从一周开始到一周结束的日期范围。 我之前在常规 jquery 日历上这样做过--检查照
在 SwiftUI 中使用新的 (iOS 14) DatePicker，它按预期工作并且在模拟器和设备上看起来很好，但是一旦日历弹出，我会在输出窗口中收到几行警告。这有点烦人! 虽然日志贴在下面，但看
我将如何创建 doctrine_orm_datetime_range使用 jQuery UI 日期选择器的 Sonata Admin Bundle 中的过滤器？ 我尝试了以下方法，但不起作用: pro
有人知道如何设置 gem bootstrap-datepicker-rails 吗？我按照 http://rubydoc.info/gems/bootstrap-datepicker-rails/0.
在 kartik DatePicker Yii2 中有没有办法 - 我可以禁用大于当前日期的日期？ 例如:如果今天是 2016 年 3 月 14 日，则应禁用 2016 年 3 月 15 日的日历日期
在 UIDatePicker 我们可以做这样的事情 datePicker.timeZone = TimeZone(secondsFromGMT: 5*60*60) 为了指定日期选择器的时区。 但是如何
我在 FullCalendar ( http://www.eyecon.ro/datepicker/ ) 页面正下方添加了一个 datePicker ( http://fullcalendar.io
我在一个 Polymer 项目中有两个 Vaadin-datepickers。一个有开始日期，一个有结束日期。我想确保结束日期总是在开始日期之后。我阅读了 API 文档，他们说您可以使用 min ma
我正在Angular 6中搜索Datepicker，它可以显示基于回历日历的阿拉伯日期。 似乎找不到一个。是否有可用的东西，或者我们需要从头开始构建它。 最佳答案 Ng bootstrap或angul
JavaFX8 中是否有一种方法可以从 Java 代码中选择 DatePicker 中的日期(作为文本)？我想以这样一种方式激活带有 DatePicker 的控件，用户可以在不使用鼠标的情况下编辑日期
我在一个 Polymer 项目中有两个 Vaadin-datepickers。一个有开始日期，一个有结束日期。我想确保结束日期总是在开始日期之后。我阅读了 API 文档，他们说您可以使用 min ma
我正在尝试验证datepicker，因为startDate应始终小于EndDate。如果我手动更改日期，则 StartDate 有效，但 EndDate 无效。 我的JavaScript代码: $(d
我是 jquery 和 javascript 的菜鸟。因此，虽然我看过很多解决我的问题的 SO 帖子，但我无法将各种解决方案“组装”成适合我的东西。 我的上下文:查询结果显示在表单中。在每一行中，其中
我正在开发 Windows Phone 8.1 应用程序。我正在尝试使用 DatePickerFlyout 但没有取得适当的成功。我正在选择日期并尝试用选定的日期设置按钮内容，但它没有设置。当我调试以
我是一名优秀的程序员,十分优秀！