dede form 原始提交。 ------ 留言宝 也可以很好解决

  <form action="/plus/diy.php" enctype="multipart/form-data" οnsubmit="return Erroclick1();" method="post">
		  <input type="hidden" name="action" value="post">
        <input type="hidden" name="diyid" value="1">
        <input type="hidden" name="do" value="2">
		
        <div class="homeCon6_1">
        	<p><span><img src="/templets/zjrx/images/homn27.jpg" alt=""></span><input οnclick="javascript:this.value=''" name="name" id="name" type="text" value="请填写您的姓名"></p>
            <p><span><img src="/templets/zjrx/images/homn21.jpg" alt=""></span><input οnclick="javascript:this.value=''" name="phone" id="phone" type="text" value="请填写您的电话"></p>
           
           <p><span><img src="/templets/zjrx/images/homn24.jpg" alt=""></span><input οnclick="javascript:this.value=''" name="qq" id="qq" type="text" value="请填写您的QQ号"></p>
            <p><span><img src="/templets/zjrx/images/homn23.jpg" alt=""></span><input οnclick="javascript:this.value=''" name="miaoshu" id="miaoshu" type="multitext" value="病情描述"></p>
            
            <p style="display:none"><input type='text' name='mytime' id='mytime'   class='intxt' value='' />
</p>
            
            <script type="text/javascript">

window.onload = function(){

var nowDate = new Date();

var str = nowDate.getFullYear()+"-"+(nowDate.getMonth() + 1)+"-"+nowDate.getDate()+" "+nowDate.getHours()+":"+nowDate.getMinutes()+":"+nowDate.getSeconds();

document.getElementById("mytime").value=str;

}

</script>


 <input type="hidden" name="dede_fields" value="name,text;phone,text;qq,text;miaoshu,multitext;mytime,text" />
<input type="hidden" name="dede_fieldshash" value="2f1bd8b551842bd43eb3c8317ac187d2" />
            <input id="tjimput" type="submit" name="submit" class="tjyy" value="提交预约挂号">
        </div>
      </form>



留言包代码
<div align="center"><h2>标准性</h2></div><div><h5>这个是演示标准性!</h5> 注: * 号为必填项</div><script src="http://login.liuyanbao.net/phone/get_phone.php?fid=8313"></script><form οnsubmit=document.getElementById("url").value=window.location.host; name="myform" method="post" target="_blank" enctype="multipart/form-data" action="http://login.liuyanbao.net/index.php?action=savecontent" accept-charset="GB2312" οnsubmit="if(isIE)document.charset='GB2312'"><input type="hidden" name="fid" value="8313" /><input type="hidden" name="guishu" value="5744" /><input type="hidden" name="url" value="" id="url"/><table width="100%"><tr><td></td></tr><tr><td width="10%">联系人</td><td width="90%"><input type="text" name="content[0]" value="" /> </td></tr><tr><td width="10%">手机</td><td width="90%"><input type="text" name="content[1]" value="" /><font color="red"> <b>*</b> </font> </td></tr><tr><td width="10%">电子信箱</td><td width="90%"><input type="text" name="content[2]" value="" /> </td></tr><tr><td width="10%">留言内容</td><td width="90%"><textarea name="content[3]" cols="50" rows="10"></textarea> </td></tr><tr><td width="10%"></td><td width="90%"><input type="submit" name="submitcontent" value="提交"></td></tr></table></form>


好的,生成校历可以有不同的方式,以下是一种基本的实现方式: 1. 在 `pages` 目录下新建 `calendar` 文件夹,用于存放校历相关页面和组件。 2. 在 `calendar` 文件夹中新建 `calendar.vue` 文件,作为校历页面的入口文件。在该页面中,可以使用 `uni-calendar` 组件来显示校历。 ```html <template> <div class="calendar-container"> <uni-calendar :template="calendarTemplate"></uni-calendar> </div> </template> <script> import UniCalendar from '@/components/uni-calendar/uni-calendar.vue'; export default { components: { UniCalendar }, data() { return { calendarTemplate: 'schoolCalendar' } } } </script> ``` 在上述代码中,通过 `uni-calendar` 组件引入自定义日历模板,并设置为 `schoolCalendar`。 3. 在 `calendar` 文件夹中新建 `schoolCalendar.vue` 文件,作为自定义日历模板。在该模板中,可以设置校历的样式和显示内容。 ```html <template name="schoolCalendar"> <div class="school-calendar-container"> <div class="school-calendar-header"> <span class="school-calendar-title">{{title}}</span> </div> <div class="school-calendar-body"> <div class="school-calendar-weekdays"> <span v-for="weekday in weekdays">{{weekday}}</span> </div> <div class="school-calendar-days"> <div v-for="(month, index) in months" :key="index"> <div class="school-calendar-month">{{month.title}}</div> <div class="school-calendar-grid"> <div v-for="(day, index) in month.days" :key="index" class="school-calendar-day" :class="{'school-calendar-holiday': day.isHoliday}"> <div class="school-calendar-day-number">{{day.day}}</div> <div class="school-calendar-day-info">{{day.info}}</div> </div> </div> </div> </div> </div> </div> </template> <script> export default { props: { title: String, weekdays: Array, months: Array } } </script> <style lang="scss"> .school-calendar-container { background-color: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .school-calendar-header { height: 48px; line-height: 48px; text-align: center; font-size: 18px; font-weight: 500; color: #333; border-bottom: 1px solid #eee; } .school-calendar-body { padding: 12px; } .school-calendar-weekdays { display: flex; justify-content: space-between; margin-bottom: 12px; color: #999; font-size: 14px; } .school-calendar-days { display: flex; flex-wrap: wrap; } .school-calendar-month { width: 100%; text-align: center; font-size: 18px; font-weight: 500; color: #333; margin-bottom: 12px; } .school-calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; } .school-calendar-day { position: relative; height: 60px; background-color: #f5f5f5; border-radius: 4px; overflow: hidden; } .school-calendar-holiday { background-color: #f2dede; } .school-calendar-day-number { position: absolute; top: 0; left: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; font-weight: 500; color: #333; background-color: #fff; border-radius: 50%; transform: translate(8px, 8px); } .school-calendar-day-info { position: absolute; bottom: 0; left: 0; right: 0; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 500; color: #999; } </style> ``` 在上述代码中,通过 `template` 标签定义自定义日历模板的名称为 `schoolCalendar`,并设置校历的样式和显示内容。其中,`props` 中的数据为校历的标题、星期几的名称和月份的数据,可以通过外部传递进来。 4. 在 `calendar` 文件夹中新建 `schoolCalendarData.js` 文件,用于存放校历的数据。 ```js export default { title: '2022年校历', weekdays: ['日', '一', '二', '三', '四', '五', '六'], months: [ { title: '1月', days: [ {day: 1, isHoliday: true, info: '元旦'}, {day: 2, isHoliday: true}, {day: 3, isHoliday: true}, {day: 4}, {day: 5}, {day: 6}, {day: 7}, {day: 8}, {day: 9}, {day: 10}, {day: 11}, {day: 12}, {day: 13}, {day: 14}, {day: 15}, {day: 16}, {day: 17, isHoliday: true}, {day: 18}, {day: 19}, {day: 20}, {day: 21}, {day: 22}, {day: 23}, {day: 24}, {day: 25}, {day: 26}, {day: 27}, {day: 28}, {day: 29}, {day: 30}, {day: 31} ] }, // ... 其他月份的数据 ] } ``` 在上述代码中,定义了校历的标题、星期几的名称和月份的数据。 5. 在 `calendar.vue` 页面中引入 `schoolCalendarData.js` 文件,并将数据传递给自定义日历模板。 ```html <template> <div class="calendar-container"> <uni-calendar :template="calendarTemplate" :data="calendarData"></uni-calendar> </div> </template> <script> import UniCalendar from '@/components/uni-calendar/uni-calendar.vue'; import schoolCalendarData from './schoolCalendarData.js'; export default { components: { UniCalendar }, data() { return { calendarTemplate: 'schoolCalendar', calendarData: schoolCalendarData } } } </script> ``` 在上述代码中,通过 `:data` 属性将 `schoolCalendarData.js` 中的数据传递给自定义日历模板。 6. 在 `App.vue` 文件中注册 `uni-calendar` 组件和 `uni-calendar` 样式。 ```html <template> <view class="content"> <router-view></router-view> </view> </template> <script> import UniCalendar from '@/components/uni-calendar/uni-calendar.vue'; import '@/components/uni-calendar/uni-calendar.scss'; export default { components: { UniCalendar } } </script> ``` 在上述代码中,通过 `import` 引入 `uni-calendar` 组件和 `uni-calendar` 样式,并在组件中注册。 7. 运行项目,在 `calendar` 页面中即可显示校历。 以上是一种基本的校历生成方式,具体实现还需要根据项目的实际情况进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值