Hur gör man datum i formatet ½ ?

4 svar · 748 visningar · startad av Aureola 23 feb. 2013

AureolaMedlem sedan okt. 201027 inlägg

Frågan23 feb. 2013 12:01#1

Hej!
Jag hoppas att det går att först hur jag menar? jag skulle vilja skriva dagens datum på två rader, som på sidan http://www.fastcoexist.com/

mitt försök

variablerna:
var d=new Date();
var monthname=new Array("1","2","3","4","5","6","7","8","9","10","11","12");
var DATENO = d.getDate() + " / " + "\n" + monthname[d.getMonth()];

anropet:
<script language="JavaScript" type="text/javascript">
document.write(DATENO); </script>

AureolaMedlem sedan okt. 201027 inlägg

23 feb. 2013 12:04#2

jag har också försökt att lägga in \n tillsammans med /'et i DATENO variabeln. Dvs
var DATENO = d.getDate() + " /\n" + monthname[d.getMonth()];
men det vill inte heller...........
Jag är en riktig nybörjare på javaskript så det är mycket möjligt att jag gjort nåt riktigt galet... Hoppas nån kan hjälpa!

noshorninMedlem sedan aug. 2008815 inlägg

23 feb. 2013 13:08#3

<!DOCTYPE html>
<html>

<head>
<style type="text/css">
.month-day {
    font-family: 'FCKaiserXCond';
    font-size: 48px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 38px;
    width: 300px;
}
.month {
    padding-right: 40px;
    text-align: left;
}

.day {
    padding-left: 40px;
    text-align: right;
}
.year {
    display: block;
    font-family: 'CaslonFS',sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin: 10px auto auto;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
}
.month-day b:after{content:' ';border-right-color:black;border-right-width:1px;border-right-style:solid;height:80px;margin-top:-59px;-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation = .25);-o-transform:rotate(18deg);transform:rotate(18deg);display:block;text-align:center;margin-left:-0px;position:relative;}

.month-day b {
    color: transparent;
    display: block;
    font-weight: 100;
    height: 8px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 0;
}

.diven{
text-align: center;
}
</style>
</head>
<body>

<h1>My First Heading</h1>
<div class="diven">
<script language="JavaScript" type="text/javascript">
var d=new Date();
var monthname=new Array("1","2","3","4","5","6","7","8","9","10","11","12");
var DATENO = "<span class='month-day'><span class='month'>" + d.getDate() + " </span><b>/</b><span class='day'>" + monthname[d.getMonth()] + "</span></span>";

document.write(DATENO); </script> 

</body>
</html>

Jag tog din kod och kopierade koden från den hemsidan du länkade. Finns säkert bättre och snyggare lösningar, men den borde fungera.

AureolaMedlem sedan okt. 201027 inlägg

23 feb. 2013 14:00#4

Jaa det fungerade fint!! Tack så mycket! Jag trodde det räckte att ta klasserna .day och .month men det gjorde det ju inte. Tack igen! :)

noshorninMedlem sedan aug. 2008815 inlägg

23 feb. 2013 16:05#5

Markera som löst och ge mig min poäng ;)