2013-08-04 26 views
0

我有一個窗體,可以編輯日曆的事件信息。這些特定事件每週運行一次,但其中一個表單字段用於「休息日」,您可以輸入事件未運行的日期。使用mysql和php,任何當前關閉的日期都將顯示在textarea字段中,並以空格分隔。您還可以通過輸入日期和製作空位來放置更多休息日。我希望能夠在堆棧溢出時就像在這裏一樣對每個日期進行樣式設置,當你提出一個新問題並放入標籤時。在你輸入標籤後,它被一個盒子包圍,變成藍色,並得到一個x來刪除它。這就是我要的。 下面是我想要的樣子截圖的鏈接。 http://www.uvm.edu/~sass/screenshot.jpg用空格分隔的樣式字符串

+2

祝你好運。你有什麼嘗試?你看過標籤在SO上的工作方式嗎?它們不在textarea/input域中。 – putvande

+0

我聽說過一些自動完成插件可以做我想做的事情,但我真的不希望自動完成,您必須從列表中進行選擇。我只是想讓它在每個空間之後對我的作品進行風格化。我看了一眼,但看起來比我想要的要多得多。我想保持簡單,所以使用提交的數據很容易。 – theUnicycleGuy

+0

加上我不明白:) – theUnicycleGuy

回答

0

好的,我通過在互聯網上挖掘找到了一個解決方案。
Stack Overflow style tagging system in jquery(查看第二個答案)

有人創建了我想要的。結果以逗號分隔的列表的形式存儲在一個隱藏字段中,因此我可以輕鬆將其分解爲數組,以便與我的數據庫一起使用,並使用css很好地格式化輸入。我用css修改了外觀,並改變了接受的格式來處理日期,這裏是結果。

http://www.uvm.edu/~sass/screenshot.png

+0

Tagit jquery插件也做我想要的,並且工作得更好。 – theUnicycleGuy

1

我不知道它如何與日期和格式化,但作爲顯示在這種風格,我一直在使用Select2組件。如果你可以添加解析或創建有效的日期列表,它應該給你正確的結果。

+0

嗯,它似乎像autotokenization是我想要的,但我不能真正創建列表爲每個日期在未來30年。我會繼續挖掘。 – theUnicycleGuy

相關問題