link rel="stylesheet" href="1.css" type="text/css" id="mycss"/

日土網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項目制作,到程序開發(fā),運營維護。創(chuàng)新互聯(lián)于2013年開始到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
script type="text/javascript"
window.onload=function(){
var date=new Date();
var day=date.getDay();
var xing=new Array("1","2","3","4","5","6","7");
var cssDiv=document.getElementById("mycss");
switch(xing[day]) {
case "1":
cssDiv.href="1.css";
break;
case "1":
cssDiv.href="2.css";
break;
case "2":
cssDiv.href="1.css";
break;
case "3":
cssDiv.href="3.css";
break;
case "4":
cssDiv.href="4.css";
break;
case "5":
cssDiv.href="5.css";
break;
case "6":
cssDiv.href="6.css";
break;
case "7":
cssDiv.href="7.css";
}
}
/script
bootstrap為我們提供了一款十分實用的日期控件,但相對于初學(xué)者來說,這款日期控件的用法要比按鈕等css樣式難上許多。這里小編就為大家介紹一下這款功能強大的日期控件的用法。
工具/原料
bootstrap
Dreamweaver
方法/步驟
首先,我們將這款日期控件下載下來。百度bootstrap日期控件即可。
將下載好的日期控件的css、js引入自己的文件中。
在這里需要引入的文件有:
bootstrap.min.css(含有bootstrap 所有css)
bootstrap-datetimepicker.min.css(重要,這就是日期控件所需的樣式表)
jquery-1.8.3.min.js(其他版本的jquery也可以)
bootstrap.min.js(含有bootstrap 所有js)
bootstrap-datetimepicker.js(重要,這就是日期控件所需的js)
locales/bootstrap-datetimepicker.fr.js(重要,這里是日期控件初始值)
將所有文件引入完成后,就開始設(shè)置日期控件吧。
這是第一種樣式。當(dāng)然,你可以只要input就可以了。
div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy"
input class="span2" size="16" type="text" value="12-02-2012"
span class="add-on"i class="icon-th"/i/span
/div
第二種樣式,帶有重置按鈕(用于清空輸入框)的組件模版:
div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy"
input class="span2" size="16" type="text" value="12-02-2012"
span class="add-on"i class="icon-remove"/i/span
span class="add-on"i class="icon-th"/i/span
/div
i的作用就是兩個小圖標(biāo),若不要可以刪去。
最簡潔的樣式,只有input,點擊彈出選擇器:
input class="span2" size="16" type="text" value="12-02-2012"
當(dāng)然,只有這些是無法彈出日期選擇器的,還需要js來激活。
這里是最重要的一步,js激活日期選擇器!
script type="text/javascript"
$('你的input的class或id').datetimepicker({
//一堆參數(shù)
});
/script
將這個寫在你的頁面內(nèi),至于參數(shù),一會再介紹。這樣就可以激活你的日期選擇器了,點擊input便可以彈出選擇器。
日期選擇器的參數(shù)設(shè)置:
format
weekStart
startDate
endDate
daysOfWeekDisabled
autoclose
startView
minView
maxView
todayBtn
todayHighlight
keyboardNavigation
language
forceParse
minuteStep
pickerPosition
viewSelect
showMeridian
initialDate
這些屬性不用全部設(shè)置,但有些是必須的,比如format。
這里是小編所使用的一款日期選擇器的初始化設(shè)置:
$('.date').datetimepicker({
format:yyyy-mm-dd,
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
showMeridian: 1
});
bootstrap日期選擇器的屬性非常多,這也給了用戶較大的選擇性,快去設(shè)置你自己的DIY日期選擇器吧!
td width="23%" align="left"今天是:
script language="JavaScript" type="text/javascript"
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate();
myyear= mydate.getYear();
year=(myyear 200) ? myyear : 1900 + myyear;
if(myweekday == 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 ";
document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday);/script/td
在空間上顯示天氣預(yù)報+系統(tǒng)信息+日歷+問候+簽名
把以下代碼插入最后一行即可!
#comm_info div.line{margin-top:8px;line-height:10px;border-top:2px solid #BBC1C6;
background:url() no-repeat bottom; padding-bottom: 100px;
margin-bottom: 25px}
代表時間的代碼不是在css中,css是一種樣式,比如你在做網(wǎng)站的時候,前端html布局了一個頁面,感覺不太美觀的時候用css樣式來控制一下,使其頁面更加的美化與易懂;
而代表時間的代碼是html中的time(英語也是"時間"的意思)time時間是:******/time
time中屬性:datetime 值:datetime
time描述:定義元素的日期和時間。如果未定義該屬性,則必須在元素的內(nèi)容中規(guī)定日期或時間。
按我的來 保證沒有問題 不用寫什么margin移位這種來畫蛇添足了
瀏覽器全面兼容
我發(fā)現(xiàn)你的頁面在firefox有移位哦 注意標(biāo)準寫法
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title無標(biāo)題文檔/title
style
ul li {
margin:0;
padding:0;
width:500px;
line-height:25px;
}
a {
color:#000
}
a:hover {
color:#666
}
li a {
width:800px;
background:#f00;
display:inline-block;
}
li a span {
width:400px;
background:#0f0;
display:inline-block;
float:left;
}
li a span.l {
width:200px;
background:#0f0;
display:inline-block;
float:right;
}
/style
/head
body
div style="height:700px" img src="3.10湖南檢察院.jpg" width="300" height="300" style="float:left; "/
ul style="list-style:none; padding:0; margin:0; width:500px; height:500px; float:left; margin-left:20px; "
lia href="#"span奧巴馬就職后對中國持敵對態(tài)度,中國高層很懊惱!/spanspan class="l"2009-08-08/span/a/li
lia href="#"span奧巴馬就職后對中國持敵對態(tài)度,中國高層很懊惱!/spanspan class="l"2009-08-08/span/a/li
lia href="#"span奧巴馬就職后對中國持敵對態(tài)度,中國高層很懊惱!/spanspan class="l"2009-08-08/span/a/li
lia href="#"span奧巴馬就職后對中國持敵對態(tài)度,中國高層很懊惱!/spanspan class="l"2009-08-08/span/a/li
lia href="#"span奧巴馬就職后對中國持敵對態(tài)度,中國高層很懊惱!/spanspan class="l"2009-08-08/span/a/li
/ul
/div
/body
/html
文章題目:日期css樣式,css日期選擇器
本文鏈接:http://chinadenli.net/article11/dsidcgd.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、網(wǎng)站收錄、手機網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)