js 自动添加日期

最新推荐文章于 2023-03-21 00:04:39 发布
最新推荐文章于 2023-03-21 00:04:39 发布
阅读量862 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a674745509/article/details/52571298
版权
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<html>
<body>

<script type="text/javascript">
function toAddProNum(){
    alert(11111111);
    var trHtml = '<tr>'+
    '<td>* 服务开始时间</td>'+
    '<td><input type="text" οnclick="WdatePicker()" class="Wdate" name="dateStart"  maxlength="20" οnfοcus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
    '<td>* 服务结束时间</td>'+
    '<td><input type="text" οnclick="WdatePicker()" class="Wdate" name="dateFinish"  maxlength="20" οnfοcus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
+' <input type="button" name="btnAdd" id="btnAdd" value="&nbsp;+&nbsp;" class="btn_create" οnclick="toAddProNum();" />'+
     '</tr>';
    alert(trHtml);
       $("#teamAirTicketData tr").last().after(trHtml);
    //$("#teamAirTicketData tr").last().after(trHtml);
    
}
function toRemoveProNum(){
    alert("remove");
    $("#teamAirTicketData tr").last().remove();
}
</script>
<table width="100%" border="3" cellspacing="1" cellpadding="3" class="tableNormal">
    <tr>
        <th colspan="4">&nbsp;&nbsp; 产品信息</th>
    </tr>
    <tr>
        <td width="10%">* 产品名称</td>
        <td width="40%">
            <input type="text" name="title" id="title" style="width:60%;">
        </td>
        <td>* 业务细类</td>
        <td>${singleExCt }</td>
    </tr>
    <tr>
        <td>* 目的地</td>
        <td>${ schContinent }</td>
        <td width="10%">&nbsp;&nbsp; 零售价</td>
        <td>
            <input type="text" name="priceRetail" id="priceRetail" value="0" style="width:14%;" οnkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
            onFocus="setTextOptimisedFocus('priceRetail');"    onBlur="setTextOptimisedBlur('priceRetail');"><span class="font_gray">&nbsp; 只可填写数字</span>
        </td>
    </tr>
    <tr id="information1" >
        <td>&nbsp;&nbsp; 出发地</td>
        <td>${ schPlaceLeave }
        </td>
        <td>&nbsp;&nbsp; 返回地</td>
        <td>${ schPlaceReturn }
        </td>
    </tr>
    <!--  
        <tr id="information2" colspan="4">
          <td width="10%">批量日期设定</td>
          <td>
          <input type="button" name="btnAdd" id="btnAdd" value="&nbsp;+&nbsp;" class="btn_create" οnclick="toAddProNum();" />
          <span class="font_red">商品最大数量为：10</span>
          </td>
        </tr>
    -->
<tr id="information2" colspan="4">
       <td>* 服务开始时间</td>
        <td>
            <input type="text" οnclick="WdatePicker()" class="Wdate" name="dateStart" id="dateStart" maxlength="20" οnfοcus="WdatePicker({minDate:'2016-04-01'})">
        </td>
        <td>* 服务结束时间</td>
        <td>
            <input type="text" οnclick="WdatePicker()" class="Wdate" name="dateFinish" id="dateFinish" maxlength="20" οnfοcus="WdatePicker({minDate:'2016-04-01'})">
            &nbsp;&nbsp; &nbsp;&nbsp;
           <input type="button" name="btnAdd" id="btnAdd" value="&nbsp;+&nbsp;" class="btn_create" οnclick="toAddProNum();" />
            &nbsp;&nbsp; &nbsp;&nbsp;
                               <input type="button" name="btnAdd" id="btnAdd" value="&nbsp;－&nbsp;" class="btn_info" οnclick="toRemoveProNum();" />

        </td>
    </tr>
</tr>
    <tr id="information3" >
        <td>* 预售数</td>
        <td>
            <input type="text" name="numPlan" id="numPlan" value="0" style="width:12%;" οnkeyup="this.value=this.value.replace(/\D/g,'')"
            onFocus="setTextOptimisedFocus('numPlan');"    onBlur="setTextOptimisedBlur('numPlan');" ><span class="font_gray">&nbsp; 只可填写数字</span>
        </td>
        <td>&nbsp;&nbsp; 航空公司</td>
        <td>${schAirLine }</td>
    </tr>
</table>
<table  width="100%" border="1" id="teamAirTicketData">
<tr></tr>  
</table>
</body>
</html>
a674745509
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js日期选择器并自动加入到输入框中示例代码
10-27
Js日期选择器点击并自动加入到输入框中方便输入，不可多得，具体实现如下，感兴趣的朋友可以参考下
js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、计时、相关插件等
朝阳39的博客
12-12 4365
js 处理日期时间实用技能汇总 new Date() Fri Jul 13 2018 05:54:16 GMT+0800 (中国标准时间) var date = new Date(); "现在的时间是："+date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日"+date.getHours()+"时"+date.getMinutes()+"分"...
js如何让当前时间再加几天并且让时间自动变成下一年或者下一个月
u011425213的专栏
07-29 1165
function toDate(days){ var d = new Date(); var y = d.getFullYear(); var m = d.getMonth()+1; var t1 = Date.parse(m+"/28/"+y); var t2 = Date.parse(m+1+"/1/"+y); var thisMonthDays
JavaScript生成年月日星期
liying_xiaozhan的博客
03-21 275
【代码】JavaScript生成年月日星期。
整理 js 日期对象的详细功能，使用 js 日期对象获取具体日期、昨天、今天、明天、每月天数、时间戳等，以及常用的日期时间处理方法
蒋伟平的博客
12-04 2114
在 javascript 中内置了一个 Date 对象，可用于实现一些日期和时间的操作。 本文整理 js 日期对象的详细功能，使用 js 日期对象获取具体日期、昨天、今天、明天、每月天数、时间戳等，以及常用的日期时间处理方法。
js循环一个月的日期放在一个数组里、毫秒转日期函数、标准时间转日期(兼容IE不兼容IE)、日期转毫秒、时间比较、日期增加、减少一天
qq_28586135的博客
07-19 999
js循环一个月的日期放在一个数组里、毫秒转日期函数、标准时间转日期(兼容IE不兼容IE)、日期转毫秒、时间比较、日期增加、减少一天
mongoose-timestamp:添加createdAt和updatedAt日期属性，这些属性会自动分配给最新的createupdate时间戳记
04-23
猫鼬时间戳插件 对于简单的插件这增加createdAt和updatedAt日期属性是那些获得自动分配到最近创建/更新时间戳。安装npm install mongoose-timestamp 用法var timestamps = require ( 'mongoose-timestamp' ) ;var ...
js日期时间控件含时分秒
12-06
因为要做一个含时分秒的控件，在网上找了好半天，未能如愿，后来发现一个可以精确到分的js...完成以上两步就可以了，因为js会自动扫描页面上包含class="sang_Calender"的元素，并给他们添加事件。希望对大家有帮助。
Js Calendar日期插件，3种风格.rar
07-10
Js Calendar日期插件，一共3种风格，有蓝色简洁版，有黑色带阴影版，还有一款是带图片版，每一款都很漂亮，示例页面内带有用法说明和演示，点击输入框后边的按钮，即可调用出日历选择器，用户选择日期后自动将日期...
meteor-autoform-pikaday:Pikaday 日期选择器包装为自动成型
06-18
（分叉时间选择器版本： : ）演示依赖关系奥尔迪德：自动成型pikaday-time - （推荐使用bower和mquandalle:bower包来安装，这将自动包含必要的pikaday.js和pikaday.css文件） 瞬间js：瞬间安装在 Meteor 应用程序...
js自动生成表格
09-22
jQuery表格生成插件Table.js。操作简单，资源中附带该类API，只需要使用几个简单的方法就可以生成一个漂亮的表格。
需要知道的JS的日期的知识，都在这了
weixin_38170065的博客
06-25 690
译者：前端小智 原文：css-tricks.com/everything-… 为了保证的可读性，本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ JS中的 Date 很奇怪。当我们需要处理日期和时间的时候比较麻烦，经常借助像date-fns和 Moment 这样的库。 但是我们并不总是需要使用库。如果知道要注意一些总是，日期实际上可以非常简单。接下介...
Date转换为字符串
djs94832的博客
08-21 1053
Date转为字符串 <p id = "demo"></p> <script type="text/javascript"> var box = new Date(); document.write(box.toUTCString()); alert(box.toStrin...
原生JavaScript获取某一段时间内的所有日期列表
qq_42335214的博客
10-21 678
原生JavaScript处理某段时间的所有日期列表
js获取指定日期范围的所有日期列表
qq_32445707的博客
10-19 2139
最近开发的时候遇到一种情况，就是后台只返回开始日期和结束日期，但是页面需要展示这一段时间的日期列表，所以写个工具函数处理一下这类问题。
js页面跳转及自动向表格添加数据
renran6的博客
01-22 487
document.getElementById('comment').innerHTML = '请输入用户名';document.getElementById('comment').innerHTML = '请输入密码';document.getElementById('comment').innerHTML = '请输入用户名';document.getElementById('comment').innerHTML = '请输入密码';
js 日期常用方法
09-08 216
//取得当月第一天、最后一天 Date.prototype.GetMonthFirstLastDay = function (flag) { var d = this; //设置成第一天 d.setDate(1); if (flag == 'f') { return d; } //设置当前月最后一天 if (flag == 'l') { d.setMonth(d.getMonth() + 1);//再设置成下个月 .
JS教程之如何从 JavaScript 日期中添加或删除日期
iCloudEnd的博客
06-16 733
当您在使用时间的项目上工作时，JavaScript 日期操作可能非常重要。简单.add()的.subtract()日期操作不是直接在 JavaScript 中实现的，但我们可以通过我们自己的实现来实现。当我们处于创建日期的预状态并且我们可以访问每种类型的日期参数时——我们可以修改传递的输入，日期也会相应地改变。日期修改的一个例子——我们想在June 15, 2022. 我们只需将数字添加5到days参数中，更改将影响日期，即使数字超过一个月的边缘： 2.设置参数 另一种方法是使用相应的值设置参数。我们可以通
JS动态表格添加
qq_42295268的博客
02-01 659
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ text-align: center; margin: 50px; } table{ bo
html日期时间自动更新
最新发布
07-27
2. 创建一个名为"your-script.js"的JavaScript文件，并在其中添加以下代码： ```javascript // 获取显示日期和时间的元素 var dateElement = document.getElementById("date"); // 更新日期和时间的函数 function ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值