idx-1)) )
26 | var isToday = isEnable && (this.props.datetime+"-"+dayRange[i]===timestamp)
27 | days.push( )
28 | }
29 |
30 | return (
31 | {days}
32 | )
33 | }
34 | })
35 |
36 |
37 | module.exports = Week
38 |
--------------------------------------------------------------------------------
/app/components/day.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from '../css/style.scss'
3 | import utils from '../utils'
4 | import classNames from 'classnames/bind'
5 |
6 | let cx=classNames.bind(style)
7 |
8 |
9 | export default class Day extends React.Component{
10 |
11 | enter(){
12 | utils.addClass(this.refs.day,'hover')
13 | }
14 |
15 | leave(){
16 | utils.removeClass(this.refs.day,'hover')
17 | }
18 |
19 | render(){
20 | let classes = cx({
21 | 'today': this.props.today,
22 | 'in-month': this.props.enable,
23 | 'not-in-month': !this.props.enable
24 | })
25 |
26 | let datetime = {
27 | year : this.props.year ,
28 | month : this.props.month ,
29 | date : this.props.day
30 | }
31 |
32 | return (
33 |
34 | {this.props.day}
35 | |
36 | )
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/reflux_version/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 思維漫走
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
23 |
--------------------------------------------------------------------------------
/reflux_version/Components/Grid.jsx:
--------------------------------------------------------------------------------
1 |
2 |
3 | var
4 | React =require('react'),
5 | utils =require("../utils.js"),
6 | Week =require('./Week.jsx')
7 |
8 |
9 | var GridHeader=React.createClass({
10 | render:function(){
11 |
12 | var ths=[];
13 | for(var i=0;i{ utils.MiniWeek[i] })
15 |
16 | return (
17 |
18 |
19 | {ths}
20 |
21 |
22 | )
23 | }
24 | })
25 |
26 | var GridBody=React.createClass({
27 | render:function(){
28 |
29 | var
30 | days = this.props.days || 0,
31 | daylength = Math.ceil(days.length / 7),
32 | weeks = []
33 |
34 | for(var i=0;i)
37 | }
38 |
39 | return (
40 |
41 | {weeks}
42 |
43 | )
44 | }
45 | })
46 |
47 |
48 | var Grid=React.createClass({
49 | render:function(){
50 | return (
51 |
57 | )
58 | }
59 | })
60 |
61 | module.exports = Grid
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "React-Easy-datepicker",
3 | "version": "0.2.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "build_win": "SET NODE_ENV=production&&webpack",
8 | "dev_win": "SET NODE_ENV=development&&webpack-dev-server --progress --colors --content-base build",
9 | "build":"NODE_ENV=production webpack",
10 | "dev":"NODE_ENV=development webpack-dev-server --progress --colors --content-base build"
11 | },
12 | "author": "",
13 | "license": "MIT",
14 | "devDependencies": {
15 | "autoprefixer": "^6.1.0",
16 | "babel-core": "^5.5.8",
17 | "babel-loader": "^5.1.4",
18 | "babel-preset-es2015": "^6.1.18",
19 | "babel-preset-react": "^6.1.18",
20 | "babel-preset-stage-0": "^6.1.18",
21 | "babel-runtime": "^5.5.8",
22 | "css-loader": "^0.23.0",
23 | "extract-text-webpack-plugin": "^0.9.1",
24 | "file-loader": "^0.8.4",
25 | "html-webpack-plugin": "^1.6.2",
26 | "node-sass": "^3.4.2",
27 | "postcss-loader": "^0.6.0",
28 | "raw-loader": "^0.5.1",
29 | "react-dom": "^0.14.2",
30 | "react-hot-loader": "^1.3.0",
31 | "sass-loader": "^3.1.1",
32 | "style-loader": "^0.13.0",
33 | "url-loader": "^0.5.6",
34 | "webpack": "^1.12.6",
35 | "webpack-dev-server": "^1.12.1"
36 | },
37 | "dependencies": {
38 | "classnames": "^2.2.0",
39 | "react": "^0.14.2"
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/reflux_version/Components/Calendar.jsx:
--------------------------------------------------------------------------------
1 |
2 | var
3 | React = require('react/addons'),
4 | utils = require("../utils.js"),
5 | Console = require('./Console.jsx'),
6 | Grid = require('./Grid.jsx'),
7 | store = require('../Stores/Store.js'),
8 | Actions = require("../Actions/Actions.js"),
9 | Reflux = require('Reflux')
10 |
11 |
12 |
13 | var Calendar = React.createClass({
14 | mixins: [Reflux.ListenerMixin],
15 | getInitialState:function(){
16 | return store.refresh()
17 | },
18 | componentDidMount: function() {
19 | this.listenTo(store, this.handleChange);
20 | },
21 | handleChange:function(){
22 | this.setState(store.refresh())
23 | },
24 | show:function(e){
25 | Actions.show()
26 | },
27 | render:function(){
28 |
29 | var
30 | filter = this.props.filter || 'mm dd, yyyy'
31 | display = utils.convert(this.state.display,filter),
32 | cx = React.addons.classSet,
33 | classes = cx({
34 | 'clndr': true,
35 | 'fadeOut': !this.state.visable && !this.state.isInit,
36 | 'hide':!this.state.visable && this.state.isInit
37 | })
38 |
39 | return (
40 |
41 |
42 |
43 |
{display}
44 |
45 |
51 |
108 |
109 |
110 |
{display}
111 |
112 |
113 |
114 |
121 |
122 |
128 |
129 |
29 | 
33 |